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

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

例如:

  CSS代码

    a:hover{background:url(imagepath)}  

常用的解决方案:

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

 

XML/HTML代码

  <!–[if IE 6]>  

    <script type=”text/javascript”>

      document.execCommand(”BackgroundImageCache”, false, true);   

    </script>

  <![endif]–>

 

或者

 

XML/HTML代码

  <!–[if IE 6]>

    <script type=text/javascript>

      try {        

        document.execCommand(“BackgroundImageCache”, false, true);        

      } catch(err) {}        

    </script>

  <![endif]–>


转载请注明转自《【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG

posted @ 2013-09-24 17:13  小周同学  阅读(149)  评论(0编辑  收藏  举报