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 图片预加载 自动等比例缩放插件
Dec 25 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
浅谈jquery中next与siblings的区别
Oct 27 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
vue实例的选项总结
Jun 09 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
PHP4中实现动态代理
2006/10/09 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
jquery中$.post()方法的简单实例
2014/02/04 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
vue组件实例解析
2017/01/10 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
举例讲解Python的Tornado框架实现数据可视化的教程
2015/05/02 Python
python解析基于xml格式的日志文件
2017/02/25 Python
Python编程之序列操作实例详解
2017/07/22 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python之pyqt5通过按钮改变Label的背景颜色方法
2019/06/13 Python
通过cmd进入python的实例操作
2019/06/26 Python
python算法题 链表反转详解
2019/07/02 Python
python实现在多维数组中挑选符合条件的全部元素
2019/11/26 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
全国税务系统先进集体事迹材料
2014/05/19 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
关于教师节的广播稿
2015/08/19 职场文书