ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。
复制代码 代码如下:
<div id="goTop_div"> </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. 一个用xslt样式将xml解析为xhtml的类TransformBinder(兼容FF和IE7.0)2. IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题怎么解决?解决方法分享3. IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题怎么解决?解决方法说明4. IE6、IE7、IE8浏览器下的CSS、JS兼容性怎么样?3种对比分析5. IE6/FF/google等浏览器hack的方法有哪些?hack技巧分享6. 固定位置怎么显示弹出层?显示弹出层方法说明(兼容IE6,IE8,FF)7. 应用before/after伪类时怎样让CSS命名以及针对ie6/ie7浏览器兼容?解决方法分享8. 详解IE6中的position:fixed问题与随滚动条滚动的效果9. CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera10. IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案