【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]–>  

相关日志:

刚刚被浏览过的文章:


个引用通告

  1. [...] http://www.css88.com/archives/726 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG http://www.css88.com/archives/744 [...]

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时,昵称或个人网站填的是商业网站的,一概标记为垃圾评论不予显示,并设置相关网站为过滤关键字,提交到google、百度垃圾网站数据库