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 相关文章推荐
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
jQuery中setTimeout的几种使用方法小结
Apr 07 Javascript
jquery插件开发注意事项小结
Jun 04 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
May 03 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版微信小店API二次开发及使用示例
2016/11/12 PHP
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
我的Node.js学习之路(四)--单元测试
2014/07/06 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
2016/10/28 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
2018/05/15 NodeJs
JS通过位运算实现权限加解密
2018/08/14 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
2020/03/06 Javascript
重命名批处理python脚本
2013/04/05 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
python 产生token及token验证的方法
2018/12/26 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
零基础学python应该从哪里入手
2020/08/11 Python
python time()的实例用法
2020/11/03 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
EJB需直接实现它的业务接口或Home接口吗,请简述理由
2016/11/23 面试题
医学生自荐信
2013/12/03 职场文书
总经理职责
2013/12/22 职场文书
房地产项目策划书
2014/02/05 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
教研活动总结
2014/04/28 职场文书
教师节横幅标语
2014/10/08 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python
python 实现图片特效处理
2022/04/03 Python