解決方法一：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標簽，部分網站采用（寬高均為）1像素的GIF圖片作為SRC值，表示內容采用樣式類定義的方式如：
復制代碼 代碼如下:
.yahoo
{
background: url('img/yahoo.png') no-repeat;
width:16px;
height:16px;
}
<img src="pixel.gif" class="yahoo"/>
Web應用中使用圖片需要考慮問題，就是圖片的請求次數、圖片的尺寸和圖片的清晰度。