链接伪类(: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代码

<!–[if IE 6]>  

<script type="text/javascript">  

document.execCommand(”BackgroundImageCache”, false, true);   

</script>  

<![endif]–>  

 或者 

XML/HTML代码:

<!–[if IE 6]>  

<script type=text/javascript>        

try {        

document.execCommand("BackgroundImageCache", false, true);        

catch(err) {}        

</script>  

<![endif]–>  

posted @ 2009-03-17 21:20  Biny  阅读(2483)  评论(2编辑  收藏  举报