ie6,ie7,ie8完美支持position:fixed的终极解决方案
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。
复制代码 代码如下:
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
document.compatMode==’CSS1Compat’) ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}
相关内容
-
ie与session丢失(新窗口cookie丢失)实测及解决
ie与session丢失(新窗口cookie丢失)实测及解决方案,丢失,新窗...
-
IE8采用多兼容模式正常显示网页
IE8采用多兼容模式正常显示网页,网页,兼容模式,浏览器,模式,...
-
教你通过命令行完美完全的卸载IE浏览器(IE9、IE
教你通过命令行完美完全的卸载IE浏览器(IE9、IE10、IE11),卸...
-
ie10 css hack 条件注释等兼容方式整理
ie10 css hack 条件注释等兼容方式整理,注释,条件,支持,方法,...
-
div+css学习笔记(IE与fox好多不兼容的问题)
div+css学习笔记(IE与fox好多不兼容的问题),不兼容,滤镜,属性...
-
浅析IE10兼容性问题(frameset的cols属性)
浅析IE10兼容性问题(frameset的cols属性),属性,兼容性问题,浏...
-
WIN7操作系统下做好IE6,IE7的兼容性测试
WIN7操作系统下做好IE6,IE7的兼容性测试,兼容性测试,版本,安...
-
IE6不兼容position:fixed属性的解决办法分享
IE6不兼容position:fixed属性的解决办法分享,属性,位置,模拟,...
-
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7,弹出层,兼...
-
IE7或者IE8全屏解决方案
IE7或者IE8全屏解决方案,全屏,启用,工具,解决方案,窗口,选项,...
-
微软从明年1月12日起停止对IE6-IE8浏览器提供技
微软从明年1月12日起停止对IE6-IE8浏览器提供技术支持,技术支...
-
原生js方法document.getElementsByClassName在i
原生js方法document.getElementsByClassName在ie8及其以下的...
-
让ie浏览器支持RGBA颜色标准实现代码
让ie浏览器支持RGBA颜色标准实现代码,支持,浏览器,参数,透明...
-
兼容IE和FF的单行溢出文本显示省略号
兼容IE和FF的单行溢出文本显示省略号,溢出,省略号,兼容,文本,...
-
帝国CMS后台fckeditor编辑器兼容IE10的方法汇总
帝国CMS后台fckeditor编辑器兼容IE10的方法汇总,兼容,方法,编...