链接伪类（:hover）CSS背景图片有闪动BUG及解决方案

链接伪类（:hover）CSS背景图片有闪动BUG

 

IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
例如：
CSS代码
a:hover{background:url(imagepath)}  
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。

XML/HTML代码

1. <!–[if IE 6]>  
   
2. <script type=”text/javascript”>  
   
3. document.execCommand(”BackgroundImageCache”, false, true);   
   
4. </script>  
   
5. <![endif]–>  

或者

XML/HTML代码

1. <!–[if IE 6]>  
   
2. <script type=text/javascript>        
   
3. try {        
   
4. document.execCommand(“BackgroundImageCache”, false, true);        
   
5. } catch(err) {}        
   
6. </script>  
   
7. <![endif]–>