IE6下链接伪类(:hover)CSS背景图片有闪动BUG
2011-03-11 07:51
411 查看
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]–>
例如:
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]–>
相关文章推荐
- 【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 链接伪类(:hover)CSS背景图片有闪动BUG的解决方法
- 链接伪类(:hover)CSS背景图片有闪动BUG及解决方案
- 链接伪类(:hover)CSS背景图片有闪动BUG
- 解决CSS背景图片闪动和重复加载的IE6BUG
- IE6下CSS背景图片有闪动BUG解决 图片缓存
- ie6 bug ~ 不能缓存css背景图片
- IE中伪类:hover的使用及BUG,以及如何在IE6中进行修正(CSS)
- 解决IE6下的CSS Hover背景图片闪烁问题
- ie6 hover 背景图闪动css解决方法
- 解决IE6下CSS背景图片闪烁的Bug
- css伪类hover ie6bug,揭开IE6下hover不显示原因
- 解决IE6背景图片不能缓存的bug
- CSS通过a标签伪类打造适用于IE6的按钮型链接
- IE6背景图片闪动问题
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- 用css实现链接经过时显示浮动图片背景的效果