首頁  >  文章  >  web前端  >  ie6下的背景圖片快取_HTML/Xhtml_網頁製作

ie6下的背景圖片快取_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:41:191454瀏覽

IE6下CSS背景圖片閃爍的Bug(ie6下的背景圖片快取問題)

IE6下的背景圖片每次使用都會重新發送請求(非本地),連一個hover效果時候同樣的背景圖片僅僅位置不同而已,ie6都會再次發送請求,這個令人崩潰的事情需要解決掉:
對ie來說,filter:expression 很強大,能夠實現的功能超級多,但是更對於視效率如生命的程式設計師來說,它的效率不敢令人恭維,所以有人會用css方法實現ie6下背景圖片緩存,但這種人也就是崇拜微軟的強大而已:

複製程式碼
程式碼如下:

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 當然缺點:可能會讓整個頁面的載入速度變慢

大多數人都會選擇js方法實現:

複製代碼
代碼如下:





等缺點:如果在firefox等缺點:如果在firefox等缺點瀏覽器下執行會出錯。

所以要判斷是否為IE瀏覽器,使用jQuery提供的判斷方法如下:
複製程式碼


程式碼如下:


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

更簡單的就是使用IE的條件註釋:
複製代碼


程式碼如下:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn