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

    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); 
     }

 

评论

1 楼 ldl_xz 2014-01-23  

http://www.9958.pw/post/css_position_fixed 亲测通过