ie6下的背景圖片緩存
發(fā)布時間：2011-07-27 14:40:32 作者：佚名 
我要評論
我要評論IE6下CSS背景圖片閃爍的Bug（ie6下的背景圖片緩存問題）
IE6下CSS背景圖片閃爍的Bug（ie6下的背景圖片緩存問題）
IE6下的背景圖片每次使用都會重新發(fā)送請求(非本地)，連一個hover效果時候同樣的背景圖片僅僅位置不同而已，ie6都會再次發(fā)送請求，這個令人崩潰的事情需要解決掉：
對于ie來說，filter:expression 很強大，能夠?qū)崿F(xiàn)的功能超級多，但是更對于視效率如生命的程序員來說，它的效率不敢令人恭維，所以有人會用css方法實現(xiàn)ie6下背景圖片緩存，但是這種人也就是崇拜微軟的強大而已：
復(fù)制代碼
代碼如下:html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 當然缺點：可能會使整個頁面的加載速度變慢
大多數(shù)人都會選擇js方法實現(xiàn)：
復(fù)制代碼
代碼如下:<script type='text/javascript'>
document.execCommand("BackgroundImageCache", false, true);
</script>
缺點：如果在firefox等瀏覽器下執(zhí)行會出錯。
所以需要判斷是否為IE瀏覽器，使用jQuery提供的判斷方法如下：
復(fù)制代碼
代碼如下:<script type='text/javascript'>
if ($.browser.msie) {
document.execCommand("BackgroundImageCache", false, true);
}
</script>
更簡單的就是使用IE的條件注釋：
復(fù)制代碼
代碼如下:<!--[if lt IE 7]>
<script>document.execCommand("BackgroundImageCache",false,true);</script>
<![endif]-->
相關(guān)文章
- 大家都知道，目前有很多瀏覽器無法實現(xiàn)背景裁切、背景透明度、背景變換和復(fù)雜背景定位等效果;那么這篇文章將詳細介紹了這幾種背景圖片的處理方法,需要了解的朋友可以參考下2012-12-24
鏈接偽類（:hover）CSS背景圖片有閃動BUG的解決方法
IE6下鏈接偽類（:hover）CSS背景圖片有閃動BUG，主要原因ie會再一次請求這張圖片，或者說圖片沒被緩存。2011-04-28網(wǎng)頁CSS背景圖片使用的測試結(jié)果-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
這篇文章主要講了CSS對背景圖片渲染效率的一些經(jīng)驗和研究，在webjx.com中，還有著類似CSS效率的相關(guān)文章。 樹型結(jié)構(gòu)豎線用樣式表（背景圖）來實現(xiàn)，樣式表背景2008-10-17css利用一張背景圖制作導(dǎo)航菜單實現(xiàn)思路及代碼
利用一張背景圖片來實現(xiàn)菜單的懸停狀態(tài)，沒有什么不可思議完全可以辦得到，僅這一張圖片，我們實現(xiàn)一個橫行CSS菜單。并設(shè)置它們的懸停效果，感興趣的朋友可以參考下哈，希2013-03-28純css實現(xiàn)的六邊形(蜂窩)導(dǎo)航效果(支持hover/兼容瀏覽器)
在之前的文章中曾經(jīng)寫到過一篇“三角形變形記之純css實現(xiàn)的分布導(dǎo)航條效果”，其中用到了邊框?qū)崿F(xiàn)三角形的效果。最近又折騰了一個六邊形的蜂窩效果給大家蹂躪。主要用到了2013-02-057款設(shè)計巧妙的css3飄帶狀3D立體效果的導(dǎo)航菜單和表單窗口
接下來向大家推薦7款設(shè)計巧妙的CSS3飄帶狀菜單和窗口，相當不錯的效果，很多都具有3D立體效果，看了相信你一定會喜歡的好了不多說，切入主題，希望本文可以幫助到你，提高2013-02-04不規(guī)則背景墻 CSS實現(xiàn)背景圖片不規(guī)則的導(dǎo)航菜單
一般情況下導(dǎo)航菜單的背景圖片都是比較有規(guī)則的，但是平時我們也會遇到很多背景圖片形狀不規(guī)則導(dǎo)航條比如但鼠標移上的時候，背景圖片不規(guī)則，本例只討論此種類型2013-01-02CSS3等相關(guān)屬性制作分頁導(dǎo)航實現(xiàn)代碼
W3cplus第二版本剛上線時，好多位朋友向我問起站上的分頁導(dǎo)航樣式是怎么制作;為了報答各位朋友一持對本站的大力支持，今天我特意把這個分頁導(dǎo)航的效果當作一個小教程來說。2012-12-24- 不改變html結(jié)構(gòu)，使導(dǎo)航菜單垂直水平居中這個問題應(yīng)該如何解決呢？本文將詳細介紹，需要了解的朋友可以參考下2012-11-30
純CSS打造Bubble氣泡提示框?qū)崿F(xiàn)代碼
要做一個Bubble氣泡提示框，如果用CSS3特性來做很容易，用圖片來做也可以，但前者有兼容性問題，后者又不夠靈活，用圖片做有一個例子可以看看jquery打造一款側(cè)邊彈出的垂直2011-11-23