【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

时间：2009年03月26日作者：愚人码头查看次数:7,611 views评论次数：8

IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。

例如：

CSS代码
  1. 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]–>  
  6.   

 

或者

 

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

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG》

如果你读了我的文章，觉得有帮助： 说明
标签：分类：html+css

您可能感兴趣的文章

2条评论
  1. 朱宝祥留言于:2011年10月14日14:12

    我以为使用背景图像来解决呢

    [回复]

  2. 不知道留言于:2011年12月27日13:11

    用css spirite 就能解决

    [回复]

发表评论

*

*