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