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

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]–>??
赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    朱宝祥7年前 (2011-10-14)回复
  2. #-48

    用css spirite 就能解决

    不知道7年前 (2011-12-27)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏