IE6下CSS图片缓存问题解决方法

更新时间：2010年12月09日 18:49:40 作者：

ie6下如果用css图片平铺，会出现cpu短暂100%的情况，主要原因在于，ie6会重复下载图片。

用一句代码即可搞定：

document.execCommand("BackgroundImageCache", false, true);

当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全：

 
if(Browser.isIE6){ 
try{ 
document.execCommand("BackgroundImageCache", false, true); 
} 
catch(e1){} 
} 

平台检测代码可以这样写，摘自Ext源码：

复制代码代码如下:

 
var Browser = {}; 
try{ 
(function(){ 
var idSeed = 0, 
ua = navigator.userAgent.toLowerCase(), 
check = function(r){ 
return r.test(ua); 
}, 
DOC = document, 
isStrict = DOC.compatMode == "CSS1Compat", 
isOpera = check(/opera/), 
isChrome = check(/\bchrome\b/), 
isWebKit = check(/webkit/), 
isSafari = !isChrome && check(/safari/), 
isSafari2 = isSafari && check(/applewebkit\/4/), // unique to Safari 2 
isSafari3 = isSafari && check(/version\/3/), 
isSafari4 = isSafari && check(/version\/4/), 
isIE = !isOpera && check(/msie/), 
isIE7 = isIE && check(/msie 7/), 
isIE8 = isIE && check(/msie 8/), 
isIE6 = isIE && !isIE7 && !isIE8, 
isGecko = !isWebKit && check(/gecko/), 
isGecko2 = isGecko && check(/rv:1\.8/), 
isGecko3 = isGecko && check(/rv:1\.9/), 
isBorderBox = isIE && !isStrict, 
isWindows = check(/windows|win32/), 
isMac = check(/macintosh|mac os x/), 
isAir = check(/adobeair/), 
isLinux = check(/linux/), 
isIpad = check(/ipad/), 
isSecure = /^https/i.test(window.location.protocol); 
extend(Browser,{ 
isOpera:isOpera, 
isIE:isIE, 
isIE6:isIE6, 
isFirefox:isGecko, 
isSafari:isSafari, 
isChrome:isChrome, 
isIpad:isIpad 
}); 
})(); 
}catch(e){} 

//上面extend方法也很easy

复制代码代码如下:

 
function extend(obj1,obj2){ 
for(var o in obj2){ 
obj1[o] = obj2[o]; 
} 
return obj1; 
} 

您可能感兴趣的文章:

图片缓存

javascript编写实用的省市选择器
这篇文章主要介绍了javascript编写实用的省市选择器的方法及示例分享，非常不错，推荐给有相同需求的小伙伴们。
2015-02-02
微信小程序返回到顶部功能的简单实现
在做微信小程序开发时,遇到一个问题,要如何实现返回顶部的功能,下面这篇文章主要给大家介绍了微信小程序返回到顶部功能的简单实现,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
原生JS实现的放大镜特效示例【测试可用】
这篇文章主要介绍了原生JS实现的放大镜特效,涉及javascript事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
2018-12-12
原生js实现表格循环滚动
这篇文章主要为大家详细介绍了原生js实现表格循环滚动，每次滚动一行停顿，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
JavaScript中的isXX系列是否继续使用的分析
我们很容易被漂亮的代码吸引，也不知不觉的在自己的代码库中加入这些。却没有冷静的想过它们的优劣。这不，我就收集了一系列形如 “是否为……？” 的判断的boolean函数。
2011-04-04
JavaScript的setter与getter方法
这篇文章主要为大家详细介绍了JavaScript的setter与getter方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
js实现右键弹出自定义菜单
这篇文章主要为大家详细介绍了js实现右键弹出自定义菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
localStorage设置有效期和过期时间的简单方法
众所周知前端三大缓存,cookie,sessionStorage,localStorage,下面这篇文章主要给大家介绍了关于localStorage设置有效期和过期时间的相关资料,需要的朋友可以参考下
2022-02-02
JSON.parse损坏大数字的原因解析及解决方案
从10多年前JSON在线编辑器的早期开始，用户经常反映编辑器有时会破坏他们JSON文档中的大数字的问题，这篇文章主要介绍了为什么JSON.parse会损坏大数字，如何解决这个问题,需要的朋友可以参考下
2022-10-10
24个实用JavaScript 开发技巧
这篇文章主要给大家分享了24个实用JavaScript 的开发技巧，文章围绕JavaScript 的开发技巧讲解展开全文，具有一定的参考价值,需要的朋友可以参考一下，希望对你有所帮助
2021-12-12