链接伪类(:hover)CSS背景图片有闪动BUG及解决方案

链接伪类(:hover)CSS背景图片有闪动BUG及解决方案
强烈推介IDEA2021.1.3破解激活,IntelliJ IDEA 注册码,2021.1.3IDEA 激活码  

大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说链接伪类(:hover)CSS背景图片有闪动BUG及解决方案,希望能够帮助大家进步!!!

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

 

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。
例如:
CSS代码
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]–>  

或者

XML/HTML代码

  1. <!–[if IE 6]>  
  2. <script type=text/javascript>        
  3. try {        
  4. document.execCommand(“BackgroundImageCache”, false, true);        
  5. } catch(err) {}        
  6. </script>  
  7. <![endif]–>

转载于:https://www.cnblogs.com/JoinZhang/archive/2010/07/08/1773398.html

本文来源weixin_30595035,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/29430

发表评论