• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
睫毛
博客园    首页    新随笔    联系   管理    订阅  订阅
【转】链接伪类(:hover)CSS背景图片有闪动BUG

来源:http://www.css88.com/archives/744

-------------------------------------------------------------------------------------------------

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]–>  
posted on 2017-09-04 10:53  睫毛  阅读(439)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3