老生常谈，支持 IE 6 的 position:fixed;

作者：vkvi 来源：ITPOW（原创）日期：2012-8-8

IE6 BUG 多，没有实现的 CSS 也多，不走寻常路的 CSS 也多。今天做网页需要 position:fixed;，IE 6 不支持，到网上找到一篇很棒的文章。略作格式调整后摘录代码如下：

/*头部固定*/
.fixed-top{position:fixed;bottom:auto;top:0px;}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} /*修正 IE 6 震动 BUG*/
* html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} /*IE 6 支持*/

/*底部固定*/
.fixed-bottom{position:fixed;bottom:0px;top:auto;}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} /*修正 IE 6 震动 BUG*/
* html .fixed-bottom{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} /*IE 6 支持*/

/*左侧固定*/
.fixed-left{position:fixed;right:auto;left:0px;}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} /*修正 IE 6 震动 BUG*/
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));} /*IE 6 支持*/

/*右侧固定*/
.fixed-right{position:fixed;right:0px;left:auto;}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} /*修正 IE 6 震动 BUG*/
* html .fixed-right{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));} /*IE 6 支持*/

如果要留点边距，就需要设置相应的 top、right、bottom、left 的值，而 IE 6 的代码就在 expression 表达式中加上或减去相应的值。