解决CSS背景图片闪动和重复加载的IE6BUG
来源:互联网 发布:js链表 编辑:程序博客网 时间:2024/05/10 13:52
标题没能准确的描述清楚问题,CSS背景图片出现闪动是因为这个样式加在了a:link a:hover等属性上。在IE6中表现为:鼠标移上链接再移开便会出现短暂的闪烁,从HttpWatch和Fiddler中很明显的看到这个鼠标动作加载了两次该背景图片,所以更准确的描述是具有链接属性的背景图片在IE6中闪动和重复加载。
调用JS的execCommand函数即可实现
1
document.execCommand(
"BackgroundImageCache"
,
false
,
true
);
可以使用js和css expression调用,考虑到改动成本,采用css expression的方式实现。
鼠标在页面上的移动,页面的滚动都会触发css expression去执行,配置较差的机器上会有性能问题。
如果让页面只在载入时运行一次该表达式,产生的影响就微乎其微了。
1
2
/*解决背景图片闪动和重复加载的IE6BUG*/
html { zoom: expression(function(ele){ ele.style.zoom =
"1"
; document.execCommand(
"BackgroundImageCache"
, false, true); }(this)); }
将上述样式加入到公用CSS中即可。
感谢以下链接的资料提供的帮助
http://ajaxian.com/archives/no-more-ie6-background-flicker
http://kevinpeng.javaeye.com/blog/669264
http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/
http://ued.taobao.com/blog/2010/05/17/ie6-duplicate-load-bug/
- 解决CSS背景图片闪动和重复加载的IE6BUG
- IE6下CSS背景图片有闪动BUG解决 图片缓存
- ie重复加载相同背景图片的bug
- 【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
- CSS样式对背景图片加载的影响
- Imageloader 加载listview 头像 闪动,重复加载等问题的解决方案之一
- HTML CSS的兼容性问题、IE6BUG之外边距篇
- HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
- winform 解决界面闪动、提升加载速度
- 解决quartz和Jackrabbit重复加载两次的问题
- 【转载】CSS样式对背景图片加载的影响
- 蛋疼的IE6BUG
- ie6bug
- IE6BUG
- 解决IE6中CSS使用透明背景图片的问题
- [转]解决IE下CSS背景图片闪烁的Bug
- 解决IE下CSS背景图片闪烁的Bug
- 解决IE下CSS背景图片闪烁的Bug
- 学习大规模高并发Web系统架构及开发推荐书籍
- Hash和Bloom Filter
- 关于c++中的STL中的栈stack的使用
- 判断一个点是否落在多边形内
- 快速排序(quick sort)
- 解决CSS背景图片闪动和重复加载的IE6BUG
- c# 共享内存使用方法
- Web.XML 配置详解
- 台积电计划提前生产20纳米芯片 争取苹果订单
- Java 可变参函数实例
- 学习
- 晚上锻炼后夜宵吃什么
- POJ 1238 Radar Installation
- 黑马程序员—4、JAVA基础&面向对象