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­xpression(document.execCommand("BackgroundImageCache", false, true));
}
方法二、js
复制内容到剪贴板
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
其实现在解决问题的做法大多采用css 背景的定位。即整个页面做所有图标做在一张图上。（以mail 163例）
复制代码 代码如下:
<!--[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­xpression(document.execCommand("BackgroundImageCache", false, true));
}
方法二、js
复制内容到剪贴板
复制代码 代码如下:
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
其实现在解决问题的做法大多采用css 背景的定位。即整个页面做所有图标做在一张图上。（以mail 163例）
您可能感兴趣的文章:
- location.href 在IE6中不跳转的解决方法与推荐使用代码
- IE6-IE9中tbody的innerHTML不能赋值的解决方法
- IE6-IE9中tbody的innerHTML不能赋值的解决方法
- 引入JS文件IE6报语法错误或缺少对象问题的解决方法
- IE6下javasc#ipt:void(0) 无效的解决方法
- IE6中ajax aborted错误请求中断解决方法
- IE6-IE9不支持table.innerHTML的解决方法分享
- IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
- IE6下CSS图片缓存问题解决方法
- IE6不能修改NAME问题的解决方法
- IE6支持position:fixed完美解决方法
- IE6浏览器中window.location.href无效的解决方法