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進行定義,且采用緩存只訪問一次。對于IMG標簽,部分網(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應用中使用圖片需要考慮問題,就是圖片的請求次數(shù)、圖片的尺寸和圖片的清晰度。
復制代碼 代碼如下:
<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進行定義,且采用緩存只訪問一次。對于IMG標簽,部分網(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應用中使用圖片需要考慮問題,就是圖片的請求次數(shù)、圖片的尺寸和圖片的清晰度。
相關(guān)文章
JavaScript Canvas繪制動態(tài)線框效果
這篇文章主要為大家詳細介紹了JavaScript Canvas繪制動態(tài)線框效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08微信小程序?qū)崿F(xiàn)音頻文件播放進度的實例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)音頻文件播放進度的實例代碼,代碼包括對進度條的實現(xiàn)及進度條的滑動,對大家的工作或?qū)W習具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03bootstrap使用validate實現(xiàn)簡單校驗功能
這篇文章主要為大家詳細介紹了bootstrap使用validate實現(xiàn)簡單校驗功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12