IE6圖片加載的一個BUG解決方法
更新時間:2010年07月13日 21:33:06 作者:
小圖整合在一張大圖里,然后在不同的CSS里調(diào)用同一張圖片,以此來減少請求數(shù),這是頁面優(yōu)化最常用的手段,但I(xiàn)E6會對頁面里同一個圖片,只要在不同的地方有引用到就會重新請求一次,需要加JS代碼解決。
代碼如下:
<!--[if IE 6]><script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script><![endif]-->
注:這個BUG以前就已經(jīng)發(fā)現(xiàn)了,這里只是再次提出來。
更詳細(xì)的說明可以參考下面的文章:
IE6下默認(rèn)不緩存背景圖片,CSS里每次更改圖片的位置時都會重新發(fā)起請求,用這個方法告訴IE6緩存背景圖片
解決IE下圖片作為背景時,有鼠標(biāo)操作時的抖動問題
方法一、css(不推薦)
html {
filter: e­xpression(document.execCommand("BackgroundImageCache", false, true));
}
方法二、js
復(fù)制內(nèi)容到剪貼板
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
其實現(xiàn)在解決問題的做法大多采用css 背景的定位。即整個頁面做所有圖標(biāo)做在一張圖上。(以mail 163例)
復(fù)制代碼 代碼如下:
<!--[if IE 6]><script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script><![endif]-->
注:這個BUG以前就已經(jīng)發(fā)現(xiàn)了,這里只是再次提出來。
更詳細(xì)的說明可以參考下面的文章:
IE6下默認(rèn)不緩存背景圖片,CSS里每次更改圖片的位置時都會重新發(fā)起請求,用這個方法告訴IE6緩存背景圖片
解決IE下圖片作為背景時,有鼠標(biāo)操作時的抖動問題
方法一、css(不推薦)
復(fù)制代碼 代碼如下:
html {
filter: e­xpression(document.execCommand("BackgroundImageCache", false, true));
}
方法二、js
復(fù)制內(nèi)容到剪貼板
復(fù)制代碼 代碼如下:
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
其實現(xiàn)在解決問題的做法大多采用css 背景的定位。即整個頁面做所有圖標(biāo)做在一張圖上。(以mail 163例)
您可能感興趣的文章:
- location.href 在IE6中不跳轉(zhuǎn)的解決方法與推薦使用代碼
- 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無效的解決方法
相關(guān)文章
js簡單實現(xiàn)HTML標(biāo)簽Select聯(lián)動帶跳轉(zhuǎn)
Select聯(lián)動帶跳轉(zhuǎn)的效果想必大家并不陌生吧,下面有個不錯的示例,感興趣的朋友可以參考下2013-10-10javascript實時獲取鼠標(biāo)坐標(biāo)值并顯示的方法
這篇文章主要介紹了javascript實時獲取鼠標(biāo)坐標(biāo)值并顯示的方法,涉及javascript操作鼠標(biāo)事件的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JS 中LocalStorage和SessionStorage的使用
最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經(jīng)驗,特此分享到腳本之家平臺,感興趣的朋友參考下吧2017-08-08JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別
這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08JS 在指定數(shù)組中隨機(jī)取出N個不重復(fù)的數(shù)據(jù)
這篇文章主要介紹了JS 在指定數(shù)組中隨機(jī)取出N個不重復(fù)數(shù)據(jù)的方法,需要的朋友可以參考下2014-06-06