Jul 8

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

admin , 00:24 , 默认分类 , 评论(0) , 引用(0) , 阅读(548) , Via 本站原创 大 | 中 | 小

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

  例如：

  
    CSS代码
  
        
  1.       a:hover{background:url(imagepath)}  
    2.   

  常用的解决方案：

  

    在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。

  

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

   

  或者

   

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

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]