IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结


Posted in Javascript onMay 14, 2012

解决方法一: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应用中使用图片需要考虑问题,就是图片的请求次数、图片的尺寸和图片的清晰度。
Javascript 相关文章推荐
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
Array 重排序方法和操作方法的简单实例
Jan 24 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
jquery背景跟随鼠标滑动导航
Nov 20 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
javascript常用的设计模式
Feb 09 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
vue路由插件之vue-route
Jun 13 Javascript
JavaScript中的几种继承方法示例
Dec 06 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 #Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 #Javascript
基于jQuery的公告无限循环滚动实现代码
May 11 #Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 #Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 #Javascript
疯狂Jquery第一天(Jquery学习笔记)
May 11 #Javascript
jQuery 过滤not()与filter()实例代码
May 10 #Javascript
You might like
PHP 字符串 小常识
2009/06/05 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
取得传值的函数
2006/10/27 Javascript
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
Python列表生成器的循环技巧分享
2015/03/06 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
《山谷中的谜底》教学反思
2014/04/26 职场文书
就业协议书范本
2014/10/08 职场文书
被告答辩状范文
2015/05/22 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS