IE6背景圖片不緩存問題解決方案及圖片使用策略多個方法小結(jié)
更新時間:2012年05月14日 02:07:07 作者:
最近發(fā)現(xiàn)的Web項目在IE6下出現(xià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使用圖片不緩存的問題,此問題的微軟官方解釋參考:http://support.microsoft.com/default.aspx?scid=kb;en-us;319546
解決了背景圖片緩存的問題,Web圖片的使用就可以采用CSS的background-image進(jìn)行定義,且采用緩存只訪問一次。對于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)用中使用圖片需要考慮問題,就是圖片的請求次數(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使用圖片不緩存的問題,此問題的微軟官方解釋參考:http://support.microsoft.com/default.aspx?scid=kb;en-us;319546
解決了背景圖片緩存的問題,Web圖片的使用就可以采用CSS的background-image進(jìn)行定義,且采用緩存只訪問一次。對于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)用中使用圖片需要考慮問題,就是圖片的請求次數(shù)、圖片的尺寸和圖片的清晰度。
相關(guān)文章
用javascript來實(shí)現(xiàn)動畫導(dǎo)航效果的代碼
javascript來實(shí)現(xiàn)動畫導(dǎo)航效果是通過定時器與鼠標(biāo)事件響應(yīng)相結(jié)合,動態(tài)修改頁面元素屬性實(shí)現(xiàn)的動畫導(dǎo)航效果,需要的朋友可以參考一下2007-12-12JavaScript Canvas繪制動態(tài)線框效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制動態(tài)線框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08微信小程序?qū)崿F(xiàn)音頻文件播放進(jìn)度的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)音頻文件播放進(jìn)度的實(shí)例代碼,代碼包括對進(jìn)度條的實(shí)現(xiàn)及進(jìn)度條的滑動,對大家的工作或?qū)W習(xí)具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03JavaScript實(shí)現(xiàn)京東快遞單號查詢
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號查詢,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11bootstrap使用validate實(shí)現(xiàn)簡單校驗(yàn)功能
這篇文章主要為大家詳細(xì)介紹了bootstrap使用validate實(shí)現(xiàn)簡單校驗(yàn)功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12