五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题

这个方法其实已经使用很久了，之前主要在嵌入式WebQQ等产品中用过，现在拿出来分享一下吧，是目前最简洁的方式来实现ie6的position:fixed; 失效bug，以及的其他方法的闪动问题，CSS代码如下，很简单，自行修改调试即可：

html{_background:url(about:blank); /* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
}/* 你的图层 */
.positionFixedLayer{position:fixed;
_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
_left:expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth-200);
}

文章来自：Tencent AlloyTeam

转载于:https://www.cnblogs.com/fengyuqing/p/position_fixed.html

五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题相关推荐

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法参考文章: (1)完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 (2)https://www.cnblogs.co ...
[转]完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header&g ...
完美解决Mac系统下Chrome插件安装时程序包无效:CRX_HEADER_INVALID
Mac下Chrome插件安装方法--亲测有效下载好插件crx文件后,不要直接拖拽到扩展页面进行添加先把插件crx文件的后缀改成zip,再拖入到chrome浏览器的扩展应用中,这时就可以添加成功了 ...
实现 IE6 支持 position fixed 的 CSS 属性
众所周知 IE6 不支持 position:fixed ,这个 bug 与 IE6 的双倍 margin 和不支持 png 透明等 bug 一样臭名昭著. 如何让 position:fixed 在 I ...
修正IE6不支持position:fixed的bug
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著.前些天我做自己的博客模板的时候,遇到了这个问题.当时就简单的无视了IE6- ...
完美解决IE6不支持position:fixed的bug
废话不多说,先看一下下面这段代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content- ...
完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法
完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法参考文章: (1)完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的 ...
如何在python中调用MATLAB代码（利用anaconda完美解决多python环境问题）
不知道有没有小伙伴遇到和我一样的问题,需要在python代码中使用MATLAB代码运行得到的结果,但是如果直接将MATLAB改写成python,工作量又被加大那么这时候就需要利用官方给出的方法,在p ...
[完美解决]无线网卡windows仍在设置此设备的类配置，代码56
[完美解决]无线网卡windows仍在设置此设备的类配置,代码56 先说一下痛点,最近电脑突然连不上WIFI了,打开设备管理器卸载驱动也好,重启也好,不管用,理所当然的就以为是家里来的修电 ...

五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题

五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题相关推荐

最新文章

热门文章