网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/5/1 浏览:3 次 )
例如:
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]–>
上一篇:DIV设置浮动后无法撑开外部DIV的解决办法
下一篇:解决IE6、IE7、Firefox兼容比较简单的CSS Hack
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。