IE6圖片加載的一個BUG解決方法

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

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

代碼如下：

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

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

更詳細的說明可以參考下面的文章：
IE6下默認不緩存背景圖片，CSS里每次更改圖片的位置時都會重新發(fā)起請求，用這個方法告訴IE6緩存背景圖片
解決IE下圖片作為背景時，有鼠標操作時的抖動問題
方法一、css(不推薦)

復制代碼代碼如下:

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

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

復制代碼代碼如下:

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

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

您可能感興趣的文章:

uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導航功能的全過程
最近項目需要在APP內(nèi)實現(xiàn)路線規(guī)劃導航功能,直接打開高德地圖進行導航,下面這篇文章主要給大家介紹了關于利用uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導航功能的相關資料,需要的朋友可以參考下
2022-08-08
小程序開發(fā)基礎之view視圖容器
這篇文章主要介紹了小程序開發(fā)基礎之view視圖容器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
使用js獲取當前年月日的方法及格式整理匯總
很多時候我們需要在前臺獲取當前日期,下面這篇文章主要給大家介紹了關于使用js獲取當前年月日的方法及格式整理的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-12-12
使用SyntaxHighlighter實現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個小開源項目，它可以在網(wǎng)頁中對各種程序源代碼語法進行加亮顯示。
2010-02-02
JS請求servlet功能示例
這篇文章主要介紹了JS請求servlet功能,結合具體實例形式分析了javascript使用ajax請求servlet端響應的主要功能代碼與相關操作技巧,需要的朋友可以參考下
2017-06-06
js replace(a,b)之替換字符串中所有指定字符的方法
下面小編就為大家?guī)硪黄猨s replace(a,b)之替換字符串中所有指定字符的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
JS實現(xiàn)的五級聯(lián)動菜單效果完整實例
這篇文章主要介紹了JS實現(xiàn)的五級聯(lián)動菜單效果,結合完整實例形式分析了js多級聯(lián)動菜單的完整實現(xiàn)步驟,涉及JS數(shù)組遍歷、擴展及元素節(jié)點操作相關技巧,需要的朋友可以參考下
2017-02-02
js 復制或插入Html的實現(xiàn)方法小結
很多情況下是用innerHTML或innerText,現(xiàn)在比較流行直接的dom操作，大家可以根據(jù)需要選擇。
2010-05-05
ExtJs中gridpanel分組后組名排序?qū)嵗a
這篇文章主要介紹了ExtJs中gridpanel分組后組名排序?qū)嵗a，有需要的朋友可以參考一下
2013-12-12
jfinal與bootstrap的登出實戰(zhàn)詳解
這篇文章主要為大家詳細介紹了jfinal與bootstrap的登出實戰(zhàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11