码迷,mamicode.com
首页 > Web开发 > 详细

【转】链接伪类(:hover)CSS背景图片有闪动BUG

时间:2017-09-04 12:01:59      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:伪类   als   代码   ack   value   hover   .com   get   val   

来源: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]–>  

【转】链接伪类(:hover)CSS背景图片有闪动BUG

标签:伪类   als   代码   ack   value   hover   .com   get   val   

原文地址:http://www.cnblogs.com/jiemao/p/7472559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!