您的位置:首页 > Web前端 > CSS

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

2013-09-24 17:13 573 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: