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 Study Notes学习笔记 (二)
Aug 04 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 Javascript
javascript随机变色实例代码
Oct 15 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
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开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
php生成图形验证码几种方法小结
2013/08/15 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
JavaScript 学习初步 入门教程
2010/03/25 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
分享Python文本生成二维码实例
2016/01/06 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
英国健身超市:Fitness Superstore
2019/06/17 全球购物
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
专科毕业生求职简历的自我评价
2013/10/12 职场文书
学期自我鉴定
2013/11/04 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
迟到检讨书500字
2014/02/05 职场文书
建筑投标担保书
2014/05/20 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang