釉里红瓷器:IE6背景图片缓存bug解决方法 - boral_li的专栏

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 16:05:42

IE6背景图片缓存bug解决方法收藏

    背景图片缓存bug是IE6众多常见bug之一，在CSS中定义DOM元素的背景图片，当元素处于静止状态时，此bug不易被发现，但当使用事件触发脚本动态改变元素的背景图片时，背景图片会出现闪烁的现象，如：

view plaincopy to clipboardprint?
  1. a{ background:url(images/normal.gif); }   
  2. a:hover { background:url(images/hover.gif); }  

 

当鼠标滑过时，背景图片会出现闪烁。导致该问题的原因在于IE6在每次加载CSS样式的时候都从服务器获取图片，只要告知浏览器第一次从服务器加载图片以后就从缓存中加载图片即可。

   解决办法：

   方法一：使用Javascript脚本

 

view plaincopy to clipboardprint?
  1.   
  2.   

 

   只要在页面加载时或页面加载后执行以上方法即可！

方法二：使用CSS表达式

  

view plaincopy to clipboardprint?
  1. html {}  
  2. {   
  3. filter:expression(document.execCommand("BackgroundImageCache", false, true));   
  4. }  

 

注：CSS表达式仅IE支持，不过此bug也只有IE6存在！

    以上任意一种方法均可解决此问题，由于document.execCommand是针对浏览器的命令，所以当在某个页面执行后，其所有的子窗口页面均不再存在此问题，所以不用在每个页面上都执行一次！

IE6背景图片缓存bug解决方法 - boral_li的专栏 解决IE6下浮动后的元素使用负margin被隐藏的重大bug 让IE6支持png 透明的多种解决方法(转) IE6.0、IE7.0 与FireFox CSS兼容的解决方法 最常用的10种CSS BUG解决方法与技巧 IE6,IE7下设置body{overflow:hidden;}失效Bug 解决IE6下float right 换行bug方案 IE6/IE7/FF的兼容性通用解决方法_Uruana - the Mark of the... Keil C51汉字显示的bug问题 - willhu2008的专栏 - CSDN博客 调试经验谈-根据crash dump查找bug - videosender的专栏 - CSDN博客 CacheCls缓存的应用 润乾--报表缓存的配置 包括文件缓存，内存缓存，MemCached，Redis的DevCache轻量级缓存组件 解决IE6兼容性问题的十大技巧 IE8还原成IE6的方法 软件Bug引发的十次严重后果 女朋友升级到妻子后的BUG TNSNAMES配置中空格导致的bug 打败 IE 的葵花宝典：CSS Bug Table 打败 IE 的葵花宝典：CSS Bug Table 打败 IE 的葵花宝典：CSS Bug Table 很美的背景图片 纯洁淡雅的背景图片 漂亮的黑色背景图片