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

当前位置 : 首页 > 网页制作 > CSS > 链接伪类(:hover)CSS背景图片有闪动BUG的解决方

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

来源: 作者: 时间:2015-11-21 17:24
IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。
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]–>
Tag:
网友评论

<