IE6下CSS圖片緩存問題解決方法

更新時間：2010年12月09日 18:49:40 作者：

ie6下如果用css圖片平鋪，會出現(xiàn)cpu短暫100%的情況，主要原因在于，ie6會重復(fù)下載圖片。

用一句代碼即可搞定：

復(fù)制代碼代碼如下:

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

當(dāng)然為了其它瀏覽器上能正常通過，需要做下判斷后調(diào)用，才更安全：

復(fù)制代碼代碼如下:

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

平臺檢測代碼可以這樣寫，摘自Ext源碼：

復(fù)制代碼代碼如下:

 
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

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

圖片緩存

相關(guān)文章

Leaflet 基礎(chǔ)入門教程示例
這篇文章主要為大家介紹了Leaflet 基礎(chǔ)入門教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
小程序中的箭頭函數(shù)的具體使用
這篇文章主要介紹了小程序中的箭頭函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
JS工作中的小貼士之”閉包“與事件委托的”阻止冒泡“
這篇文章主要介紹了JS工作中的小貼士之”閉包“與事件委托的”阻止冒泡“的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JS實現(xiàn)的簡單tab切換功能完整示例
這篇文章主要介紹了JS實現(xiàn)的簡單tab切換功能,結(jié)合完整實例形式分析了javascript基于事件響應(yīng)實現(xiàn)頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
微信小程序?qū)崿F(xiàn)圖片上傳功能實例（前端+PHP后端）
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的相關(guān)內(nèi)容，文中詳細(xì)介紹了前端+PHP后端的示例代碼，對大家的理解和學(xué)習(xí)具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
借用Google的Javascript API Loader來加速你的網(wǎng)站
加速頁面加載速度有一個方法就是把CSS和JS文件放到另外一個單獨的服務(wù)器上，這樣在訪問量比較大的情況下可以分擔(dān)主服務(wù)器的壓力
2009-01-01
echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題淺析
這篇文章主要給大家介紹了關(guān)于echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題的相關(guān)資料,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,需要的朋友可以參考下
2023-05-05
除Console.log()外更多的Javascript調(diào)試命令
本篇文章給大家介紹了除Console.log()外更多的Javascript調(diào)試命令，方便大家更多環(huán)境下的JS調(diào)試，學(xué)習(xí)下吧。
2018-01-01
js數(shù)組Array sort方法使用深入分析
js中Array.sort()方法是用來對數(shù)組項進(jìn)行排序的,默認(rèn)是升序排列sort() 方法可以接受一個方法為參數(shù)，這個方法有兩個參數(shù)，接下來本例將對sort方法進(jìn)行深入探討，感興趣的朋友可以參考下
2013-02-02
JS基礎(chǔ)之undefined與null的區(qū)別分析
在JavaScript開發(fā)中，被人問到：null與undefined到底有啥區(qū)別？一時間不好回答，特別是undefined，因為這涉及到undefined的實現(xiàn)原理。
2011-08-08