IE6下CSS背景图片的Bug
2007-11-27 21:23 | Filed Under Html/JS/CSS |
最近碰到的问题，比如有一div，设置了背景图，然后只要在js中对此div的css做出任何更改就会重新请求背景图片，表现为页面闪烁
此问题仅在IE6下出现(更低版本未测试)，原因是IE6在默认情况下不缓存背景图片
解决办法一，通过css：
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
缺点：可能会使整个页面的加载速度变慢
解决办法二，使用javascript：
<script type='text/javascript'>
document.execCommand(“BackgroundImageCache”, false, true);
</script>
document.execCommand(“BackgroundImageCache”, false, true);
</script>
缺点：如果在firefox等浏览器下执行会出错。
所以需要判断是否为IE浏览器，使用jQuery提供的判断方法如下：
<script type='text/javascript'>
if ($.browser.msie) {
document.execCommand(“BackgroundImageCache”, false, true);
}
</script>
if ($.browser.msie) {
document.execCommand(“BackgroundImageCache”, false, true);
}
</script>
相关日志 随机文章
Comments
Leave a Reply
