ie6下的背景圖片緩存
IE6下CSS背景圖片閃爍的Bug(ie6下的背景圖片緩存問(wèn)題)
IE6下的背景圖片每次使用都會(huì)重新發(fā)送請(qǐng)求(非本地),連一個(gè)hover效果時(shí)候同樣的背景圖片僅僅位置不同而已,ie6都會(huì)再次發(fā)送請(qǐng)求,這個(gè)令人崩潰的事情需要解決掉:
對(duì)于ie來(lái)說(shuō),filter:expression 很強(qiáng)大,能夠?qū)崿F(xiàn)的功能超級(jí)多,但是更對(duì)于視效率如生命的程序員來(lái)說(shuō),它的效率不敢令人恭維,所以有人會(huì)用css方法實(shí)現(xiàn)ie6下背景圖片緩存,但是這種人也就是崇拜微軟的強(qiáng)大而已:
復(fù)制代碼代碼如下:
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 當(dāng)然缺點(diǎn):可能會(huì)使整個(gè)頁(yè)面的加載速度變慢
大多數(shù)人都會(huì)選擇js方法實(shí)現(xiàn):
復(fù)制代碼代碼如下:
script type=’text/javascript’
document.execCommand("BackgroundImageCache", false, true);
/script
缺點(diǎn):如果在firefox等瀏覽器下執(zhí)行會(huì)出錯(cuò) 。
【ie6下的背景圖片緩存】所以需要判斷是否為IE瀏覽器,使用jQuery提供的判斷方法如下:
復(fù)制代碼代碼如下:
script type=’text/javascript’
if ($.browser.msie) {
document.execCommand("BackgroundImageCache", false, true);
}
/script
更簡(jiǎn)單的就是使用IE的條件注釋:
復(fù)制代碼代碼如下:
!--[if lt IE 7]
scriptdocument.execCommand("BackgroundImageCache",false,true);/script
![endif]--
相關(guān)經(jīng)驗(yàn)推薦
- jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
- 修正IE下使用CSS屬性overflow的bug
- IE中偽類hover的使用及BUG
- 基于IE下ul li 互相嵌套時(shí)的bug,排查,解決過(guò)程以及心得介紹
- IE6,IE7下js動(dòng)態(tài)加載圖片不顯示錯(cuò)誤
- 抖音善良的素顏小可愛(ài)為什么這么火?善良的素顏小可愛(ài)是怎么火的?
- qq全城助力如何查到自己的登記號(hào) 手機(jī)qq全城助力怎么用
- 微信中隱藏功能怎么用 隱藏功能的詳情介紹
- 前程無(wú)憂中分享簡(jiǎn)歷的具體操作方法
- 前程無(wú)憂中怎么下載簡(jiǎn)歷 下載簡(jiǎn)歷教程
