【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
2011-04-28 15:36
176 查看
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的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
- IE6下链接伪类(:hover)CSS背景图片有闪动BUG
- 链接伪类(:hover)CSS背景图片有闪动BUG的解决方法
- 链接伪类(:hover)CSS背景图片有闪动BUG
- 链接伪类(:hover)CSS背景图片有闪动BUG及解决方案
- 解决CSS背景图片闪动和重复加载的IE6BUG
- IE6下CSS背景图片有闪动BUG解决 图片缓存
- IE中伪类:hover的使用及BUG,以及如何在IE6中进行修正(CSS)
- 解决IE6下的CSS Hover背景图片闪烁问题
- css伪类hover ie6bug,揭开IE6下hover不显示原因
- ie6 hover 背景图闪动css解决方法
- ie6 bug ~ 不能缓存css背景图片
- 解决IE6下CSS背景图片闪烁的Bug
- IE6 的 hover 伪类 bug
- [html] <a> and <input> can not click in IE6 when use png fixed -- IE6下png图片和png背景透明导致该区域的链接和按钮无效
- 解决IE6背景图片不缓存的BUG
- 一个在IE6下no-repeat依然重复背景图片的BUG
- 用css实现链接经过时显示浮动图片背景的效果
- 纯CSS实现背景图片切换(CSS3伪类实现背景图片切换)