IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
更新时间：2012年05月14日 02:07:07 作者：
最近发现的Web项目在IE6下出现背景图片不缓存的问题，在网上搜索了一番，发现已经是众所周知的BUG，这里就总结一下各种解决办法
解决方法一：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应用中使用图片需要考虑问题，就是图片的请求次数、图片的尺寸和图片的清晰度。
复制代码 代码如下:
<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应用中使用图片需要考虑问题，就是图片的请求次数、图片的尺寸和图片的清晰度。
相关文章
这篇文章主要介绍了webpack3.0升级4.0的方法步骤,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
本文主要介绍了10道典型的JavaScript面试题。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要为大家详细介绍了微信小程序实现车牌键盘，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了JavaScript 限制文本框不可输入英文单双引号的方法的相关资料,需要的朋友可以参考下2016-12-12
JavaScript 2018 中即将迎来的新功能：异步生成器及更好的正则表达式。更多常规正则表达式功能大家跟随小编一起通过本文学习吧2018-09-09
这篇文章主要为大家详细介绍了JS快速排序的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了详解JavaScript的另类写法的相关资料,需要的朋友可以参考下2016-04-04
动态生成的IFRAME，设置SRC时的，不同位置带来的影响。 以下所说的是在IE7下运行的。IE6下也是同样。 在这个blog中，直接点击运行代码，和把下面代码保存到为网页在运行（以本地文件或域名访问），效果不一样。2008-03-03
select没有只读属性，所以需要在select外面包含一个span，通过js来改变,需要的朋友可以参考下2014-04-04
elementUI Table 自定义表头动态数据及插槽的操作
本文介绍了如何实现一个高度自定义的列表界面,其中表格的表头由后端返回,并且允许用户根据需求自定义表头和数据展示样式,本文给大家介绍elementUI Table 自定义表头动态数据及插槽的操作,感兴趣的朋友跟随小编一起看看吧2024-10-10
最新评论