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

更新时间：2010年07月13日 21:33:06 作者：

小图整合在一张大图里，然后在不同的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例）

您可能感兴趣的文章:

JavaScript BOM详解
这篇文章主要为大家介绍了JavaScript BOM，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
js简单实现HTML标签Select联动带跳转
Select联动带跳转的效果想必大家并不陌生吧，下面有个不错的示例，感兴趣的朋友可以参考下
2013-10-10
利用threejs实现一个简易的泊车功能
这篇文章主要为大家详细介绍了如何利用threejs实现一个简易的泊车功能,文中的示例代码讲解详细,对大家的学习和工作有一定的帮助,感兴趣的小伙伴可以动手尝试一下
2024-01-01
javascript实时获取鼠标坐标值并显示的方法
这篇文章主要介绍了javascript实时获取鼠标坐标值并显示的方法,涉及javascript操作鼠标事件的相关技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
js 数组当前行添加数据方法详解
这篇文章主要介绍了js 数组当前行添加数据方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
JavaScript模拟队列的用法详解
我原本以为JavaScript是不能写队列的,最近发现JavaScript是可以模拟队列的,并且花样还挺多,所以本文将给大家介绍JavaScript模拟队列的基础写法用法,需要的朋友可以参考下
2023-10-10
JS 中LocalStorage和SessionStorage的使用
最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验，特此分享到脚本之家平台，感兴趣的朋友参考下吧
2017-08-08
JavaScript中ES6规范中let和const的用法和区别
这篇文章主要介绍了JavaScript中ES6规范中let和const的用法和区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
JavaScript禁止页面回退的方法步骤
这篇文章主要为大家介绍了JavaScript禁止页面回退的方法步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08
JS 在指定数组中随机取出N个不重复的数据
这篇文章主要介绍了JS 在指定数组中随机取出N个不重复数据的方法,需要的朋友可以参考下
2014-06-06