WEB前端

ie6,ie7,ie8对position:fixed的css定位兼容性解决

位置:首页 > WEB前端 > css教程,2013-08-23
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮动;以下总结方法,在ie6,ie7,ie8上都调试成功,且...
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。


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

TAGS:position:fixed

猜你喜欢

NewHot