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

当前位置: 编程技术>WEB前端

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

来源: 互联网发布时间：2014-10-07

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

ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，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); 
}

您可能感兴趣的文章:

IE6支持position:fixed完美解决方法

本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。