当前位置 博文首页 > ie6,ie7,ie8完美支持position:fixed的终极解决方案

    ie6,ie7,ie8完美支持position:fixed的终极解决方案

    作者:admin 时间:2021-08-30 19:02

    ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。

    复制代码 代码如下:

    <div class="fixed ie">  </div>

    css:

    复制代码 代码如下:

    .fixed{
            position:fixed; /*对于火狐等其他浏览器需要设置的*/
            top:700px;  /*同上*/
            width:30px;
            height:30px;
            cursor:pointer;
            display:none;
     } 
     .ie{  
           _position: absolute; 
           _clear: both;  
           _top:expression(eval(document.compatMode &amp;&amp;  
                   document.compatMode=='CSS1Compat') ?  
                   documentElement.scrollTop  
                   +(documentElement.clientHeight-this.clientHeight) - 1  
                   : document.body.scrollTop  
                   +(document.body.clientHeight-this.clientHeight) - 1);
    }

    jsjbwy
    下一篇:没有了