IE6图片加载的一个BUG解决方法

小图整合在一张大图里，然后在不同的CSS里调用同一张图片，以此来减少请求数，这是页面优化最常用的手段，但IE6会对页面里同一个图片，只要在不同的地方有引用到就会重新请求一次，需要加JS代码解决。

代码如下：

复制代码 代码如下:

<!--[if IE 6]><script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script><![endif]-->

注：这个BUG以前就已经发现了，这里只是再次提出来。

更详细的说明可以参考下面的文章：
IE6下默认不缓存背景图片，CSS里每次更改图片的位置时都会重新发起请求，用这个方法告诉IE6缓存背景图片
解决IE下图片作为背景时，有鼠标操作时的抖动问题
方法一、css(不推荐)

复制代码 代码如下:

html {
filter: e&shy;xpression(document.execCommand("BackgroundImageCache", false, true));
}

方法二、js
复制内容到剪贴板

复制代码 代码如下:

try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

其实现在解决问题的做法大多采用css 背景的定位。即整个页面做所有图标做在一张图上。（以mail 163例）

您可能感兴趣的文章: