ie6对position:fixed不支持 ， 网上有很多解决方法 ， 有的在ie6,ie7上调试成功后 ， 在ie8上又不好使 ， div层还是跟随滚动条浮 动；以下总结方法 ， 在ie6,ie7,ie8上都调试成功 ， 且页面滚动条滚动时 ， 效果还挺好 ， div层并不会闪烁 。
复制代码 代码如下:
div id="goTop_div" class="fixed ie" /div
【ie6,ie7,ie8完美支持position:fixed的终极解决方案】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);
}
您可能感兴趣的文章:JS 滚动事件window.onscroll与position：fixed写兼容IE6的回到顶部组件js完美解决IE6不支持position:fixed的bugjavascript ie6兼容position:fixed实现思路IE6支持position:fixed完美解决方法详解IE6中的position：fixed问题与随滚动条滚动的效果
推荐阅读
- jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
- ie8下不解析background属性与书写格式有关
- bootstrap3 兼容IE8浏览器！
- css padding属性兼容ie6,ie8,firefox实例详解
- IE7或者IE8全屏解决方案
- IE8下显示图片时多出一个边框而Chrome或Firefox下却没有
- ie8/9下Activex控件无法加载的两种解决方法
- IE10 设置IE8兼容模式的方法
- 浏览器IE8将全面兼容Web网页标准
- 网页排版应该考虑IE6的兼容性问题