ie6,ie7,ie8对position:fixed的完美解决方案--整理

最新推荐文章于 2022-05-17 21:32:22 发布

u010271693

最新推荐文章于 2022-05-17 21:32:22 发布

阅读量489

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/u010271693/article/details/84467246

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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


 <div id="goTop_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 &&   
                    document.compatMode=='CSS1Compat') ?   
                    documentElement.scrollTop   
                    +(documentElement.clientHeight-this.clientHeight) - 1   
                    : document.body.scrollTop   
                    +(document.body.clientHeight-this.clientHeight) - 1); 
     }