快捷導(dǎo)航

IE6圖片加載的一個(gè)BUG解決方法

更新時(shí)間：2010年07月13日 21:33:06 作者：

小圖整合在一張大圖里，然后在不同的CSS里調(diào)用同一張圖片，以此來(lái)減少請(qǐng)求數(shù)，這是頁(yè)面優(yōu)化最常用的手段，但I(xiàn)E6會(huì)對(duì)頁(yè)面里同一個(gè)圖片，只要在不同的地方有引用到就會(huì)重新請(qǐng)求一次，需要加JS代碼解決。

代碼如下：

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

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

注：這個(gè)BUG以前就已經(jīng)發(fā)現(xiàn)了，這里只是再次提出來(lái)。

更詳細(xì)的說(shuō)明可以參考下面的文章：
IE6下默認(rèn)不緩存背景圖片，CSS里每次更改圖片的位置時(shí)都會(huì)重新發(fā)起請(qǐng)求，用這個(gè)方法告訴IE6緩存背景圖片
解決IE下圖片作為背景時(shí)，有鼠標(biāo)操作時(shí)的抖動(dòng)問(wèn)題
方法一、css(不推薦)

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

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

方法二、js
復(fù)制內(nèi)容到剪貼板

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

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

其實(shí)現(xiàn)在解決問(wèn)題的做法大多采用css 背景的定位。即整個(gè)頁(yè)面做所有圖標(biāo)做在一張圖上。（以mail 163例）

您可能感興趣的文章:

相關(guān)文章

JavaScript?BOM詳解
這篇文章主要為大家介紹了JavaScript?BOM，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-12-12
js簡(jiǎn)單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動(dòng)帶跳轉(zhuǎn)
Select聯(lián)動(dòng)帶跳轉(zhuǎn)的效果想必大家并不陌生吧，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-10-10
利用threejs實(shí)現(xiàn)一個(gè)簡(jiǎn)易的泊車(chē)功能
這篇文章主要為大家詳細(xì)介紹了如何利用threejs實(shí)現(xiàn)一個(gè)簡(jiǎn)易的泊車(chē)功能,文中的示例代碼講解詳細(xì),對(duì)大家的學(xué)習(xí)和工作有一定的幫助,感興趣的小伙伴可以動(dòng)手嘗試一下
2024-01-01
javascript實(shí)時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示的方法
這篇文章主要介紹了javascript實(shí)時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示的方法,涉及javascript操作鼠標(biāo)事件的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JavaScript模擬隊(duì)列的用法詳解
我原本以為JavaScript是不能寫(xiě)隊(duì)列的,最近發(fā)現(xiàn)JavaScript是可以模擬隊(duì)列的,并且花樣還挺多,所以本文將給大家介紹JavaScript模擬隊(duì)列的基礎(chǔ)寫(xiě)法用法,需要的朋友可以參考下
2023-10-10
JS 中LocalStorage和SessionStorage的使用
最近因?yàn)轫?xiàng)目上需要使用到客戶(hù)端存儲(chǔ),所以稍微研究了一下,以下說(shuō)說(shuō)自己的理解和使用經(jīng)驗(yàn)，特此分享到腳本之家平臺(tái)，感興趣的朋友參考下吧
2017-08-08
JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別
這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
JavaScript禁止頁(yè)面回退的方法步驟
這篇文章主要為大家介紹了JavaScript禁止頁(yè)面回退的方法步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
JS 在指定數(shù)組中隨機(jī)取出N個(gè)不重復(fù)的數(shù)據(jù)
這篇文章主要介紹了JS 在指定數(shù)組中隨機(jī)取出N個(gè)不重復(fù)數(shù)據(jù)的方法,需要的朋友可以參考下
2014-06-06