链接伪类（:hover）CSS背景图片有闪动BUG的解决方法

发布时间：2011-04-28 16:42:34 作者：佚名

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]–>

a标签的四个css伪类(link、visited、hover、active)样式理解
伪类是CSS 用于向某些选择器添加特殊的效果，chrome和firefox中的css监控并不会显示所有的样式，有些显示会有点不全，IE下还是有点问题的，不过大体不变
2013-05-30
csshover.htc在IE7下使用:active伪类无效解决方法
相信做前端开发都知道，IE6、IE7都不支持:active伪类，IE6更甚，连:hover伪类都不支持。为了解决这个问题，一般都会引入一个csshover.htc文件来解决,本文将介绍解决此问题
2012-12-24
CSS a:hover伪类在IE6下的问题
在处理css的机制上，IE总是有很多让人吐血的举动，但对于他们现在的改进力度还是值得高兴的。
2009-12-08
CSS3实现伪类hover离开时平滑过渡效果示例
本篇文章主要介绍了CSS3实现伪类hover离开时平滑过渡效果示例，具有一定的参考价值，有兴趣的可以了解一下
2017-08-10

相关文章