做网页设计时需要用到position:fixed,但是在IE6有问题了,不支持,于是我就查资料总结出两种方法让IE6支持position:fixed,供大家参考。
两种方法让IE6支持position:fixed
1.CSS执行表达式
复制代码 代码示例:
*{margin:0;padding:0;}
* html,* html body{
background-image:url(about:blank);
background-attachment:fixed;
}
* html .fixed{
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)));
}
.fixed{
position:fixed;
bottom:0px;
top:auto;
}
2.body保持其原有高度,让html具有一个窗口那么高
复制代码 代码示例:
*{margin:0;padding:0}
*html{overflow:hidden;}
*html body{height:100%;overflow:auto;}
.fixed{
position:fixed; _position:absolute;
left:0;
bottom:0;
}