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应用中使用图片需要考虑问题，就是图片的请求次数、图片的尺寸和图片的清晰度。
相关文章
javascript来实现动画导航效果是通过定时器与鼠标事件响应相结合,动态修改页面元素属性实现的动画导航效果,需要的朋友可以参考一下2007-12-12
很多同学在面试的时候都会被要求手写一个Promise,那么今天我总结了一些手写Promise的方法，可以跟着我的思路一起来实现一个Promise,让我们的面试更有把握2023-02-02
这篇文章主要为大家详细介绍了JavaScript Canvas绘制动态线框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了微信小程序实现音频文件播放进度的实例代码，代码包括对进度条的实现及进度条的滑动，对大家的工作或学习具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
Function是javascript里最常用的一个概念，javascript里的function是最容易入手的一个功能，但它也是javascript最难理解最难掌握的一个概念。这篇文章主要介绍了JavaScript中的Function类型的相关资料，一起看下吧2016-07-07
js 绑定带参数的事件以及手动触发事件，需要的朋友可以参考下。2010-04-04
这篇文章主要介绍了JS创建对象的写法,结合实例形式分析了javascript对象的定义、实现方法与使用技巧,需要的朋友可以参考下2016-11-11
在制作前端页面的过程中,经常需要用到JavaScript进行逻辑处理,很多时候都需要对字符串进行操作,这篇文章主要给大家介绍了关于JavaScript字符串操作的四个实用技巧,需要的朋友可以参考下2021-07-07
这篇文章主要为大家详细介绍了JavaScript实现京东快递单号查询，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要为大家详细介绍了bootstrap使用validate实现简单校验功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论