您现在的位置是:网站首页> 编程资料编程资料
ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流_
2023-05-25
204人已围观
简介 ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流_
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);
}
您可能感兴趣的文章:
相关内容
- CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera_经验交流_
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案_经验交流_
- css代码优化的12个技巧_经验交流_
- 三个不常见的 HTML5 实用新特性简介_经验交流_
- html清除浮动的6种方法示例_CSS/HTML_
- border:none与border:0使用区别_基础教程_
- IE里button设置border:none属性无效解决方法_基础教程_
- css white-space:nowrap属性用法(可以强制文字不换行输出)_CSS/HTML_
- 网页使用Google Font API(字体)的方法_CSS/HTML_
- iframe背景透明的设置方法_基础教程_
