两种解决IE6不支持固定定位(position:fixed)的方法

发布时间:2020-06-09编辑:脚本学堂
做网页设计时需要用到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;
}