IE6背景圖片不緩存問(wèn)題解決方案及圖片使用策略多個(gè)方法小結(jié)
更新時(shí)間:2012年05月14日 02:07:07 作者:
最近發(fā)現(xiàn)的Web項(xiàng)目在IE6下出現(xiàn)背景圖片不緩存的問(wèn)題,在網(wǎng)上搜索了一番,發(fā)現(xiàn)已經(jīng)是眾所周知的BUG,這里就總結(jié)一下各種解決辦法
解決方法一:IE6 Hack腳本
<script>
if(navigator.appName == "Microsoft Internet Explorer"){
var b_version=navigator.appVersion;
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(trim_Version=="MSIE6.0"){
;//alert("IE 6.0");
try {
document.execCommand("BackgroundImageCache", false, fix);
}catch(err){ }
}
}
</script>
解決方法二:IE6 Hack注釋
<!--[if IE 6]>
<script type="text/javascript"><!--
document.execCommand("BackgroundImageCache", false, true);
// --></script>
<![endif]-->
解決方案三:IE6 Hack樣式
html {}
{
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
但以上方法還不能解決在innerHTML使用圖片不緩存的問(wèn)題,此問(wèn)題的微軟官方解釋參考:http://support.microsoft.com/default.aspx?scid=kb;en-us;319546
解決了背景圖片緩存的問(wèn)題,Web圖片的使用就可以采用CSS的background-image進(jìn)行定義,且采用緩存只訪問(wèn)一次。對(duì)于IMG標(biāo)簽,部分網(wǎng)站采用(寬高均為)1像素的GIF圖片作為SRC值,表示內(nèi)容采用樣式類定義的方式如:
.yahoo
{
background: url('img/yahoo.png') no-repeat;
width:16px;
height:16px;
}
<img src="pixel.gif" class="yahoo"/>
Web應(yīng)用中使用圖片需要考慮問(wèn)題,就是圖片的請(qǐng)求次數(shù)、圖片的尺寸和圖片的清晰度。
復(fù)制代碼 代碼如下:
<script>
if(navigator.appName == "Microsoft Internet Explorer"){
var b_version=navigator.appVersion;
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(trim_Version=="MSIE6.0"){
;//alert("IE 6.0");
try {
document.execCommand("BackgroundImageCache", false, fix);
}catch(err){ }
}
}
</script>
解決方法二:IE6 Hack注釋
復(fù)制代碼 代碼如下:
<!--[if IE 6]>
<script type="text/javascript"><!--
document.execCommand("BackgroundImageCache", false, true);
// --></script>
<![endif]-->
解決方案三:IE6 Hack樣式
復(fù)制代碼 代碼如下:
html {}
{
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
但以上方法還不能解決在innerHTML使用圖片不緩存的問(wèn)題,此問(wèn)題的微軟官方解釋參考:http://support.microsoft.com/default.aspx?scid=kb;en-us;319546
解決了背景圖片緩存的問(wèn)題,Web圖片的使用就可以采用CSS的background-image進(jìn)行定義,且采用緩存只訪問(wèn)一次。對(duì)于IMG標(biāo)簽,部分網(wǎng)站采用(寬高均為)1像素的GIF圖片作為SRC值,表示內(nèi)容采用樣式類定義的方式如:
復(fù)制代碼 代碼如下:
.yahoo
{
background: url('img/yahoo.png') no-repeat;
width:16px;
height:16px;
}
<img src="pixel.gif" class="yahoo"/>
Web應(yīng)用中使用圖片需要考慮問(wèn)題,就是圖片的請(qǐng)求次數(shù)、圖片的尺寸和圖片的清晰度。
相關(guān)文章
用javascript來(lái)實(shí)現(xiàn)動(dòng)畫導(dǎo)航效果的代碼
javascript來(lái)實(shí)現(xiàn)動(dòng)畫導(dǎo)航效果是通過(guò)定時(shí)器與鼠標(biāo)事件響應(yīng)相結(jié)合,動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)的動(dòng)畫導(dǎo)航效果,需要的朋友可以參考一下2007-12-12JavaScript面試必備技巧之手寫一個(gè)Promise
很多同學(xué)在面試的時(shí)候都會(huì)被要求手寫一個(gè)Promise,那么今天我總結(jié)了一些手寫Promise的方法,可以跟著我的思路一起來(lái)實(shí)現(xiàn)一個(gè)Promise,讓我們的面試更有把握2023-02-02JavaScript Canvas繪制動(dòng)態(tài)線框效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制動(dòng)態(tài)線框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08微信小程序?qū)崿F(xiàn)音頻文件播放進(jìn)度的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)音頻文件播放進(jìn)度的實(shí)例代碼,代碼包括對(duì)進(jìn)度條的實(shí)現(xiàn)及進(jìn)度條的滑動(dòng),對(duì)大家的工作或?qū)W習(xí)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03js 綁定帶參數(shù)的事件以及手動(dòng)觸發(fā)事件
js 綁定帶參數(shù)的事件以及手動(dòng)觸發(fā)事件,需要的朋友可以參考下。2010-04-04JavaScript字符串操作的四個(gè)實(shí)用技巧
在制作前端頁(yè)面的過(guò)程中,經(jīng)常需要用到JavaScript進(jìn)行邏輯處理,很多時(shí)候都需要對(duì)字符串進(jìn)行操作,這篇文章主要給大家介紹了關(guān)于JavaScript字符串操作的四個(gè)實(shí)用技巧,需要的朋友可以參考下2021-07-07JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11bootstrap使用validate實(shí)現(xiàn)簡(jiǎn)單校驗(yàn)功能
這篇文章主要為大家詳細(xì)介紹了bootstrap使用validate實(shí)現(xiàn)簡(jiǎn)單校驗(yàn)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12