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 表单验证扩展代码(二)
Oct 20 Javascript
js sort 二维数组排序的用法小结
Jan 24 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
js读写json文件实例代码
Oct 21 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
Puppet的一些技巧
Sep 17 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
javascript中如何判断类型汇总
May 14 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 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
解析百度搜索结果link?url=参数分析 (全)
2012/10/09 PHP
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
jQuery元素选择器用法实例
2014/12/23 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
2015/06/26 Javascript
jQuery事件对象总结
2016/10/17 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
Python 数值区间处理_对interval 库的快速入门详解
2018/11/16 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
python中的时区问题
2021/01/14 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
酒店门卫岗位职责
2013/12/29 职场文书
公司同意接收函
2014/01/13 职场文书
认购协议书范本
2014/04/22 职场文书
学校教研活动总结
2014/07/02 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
九华山导游词
2015/02/03 职场文书
公司仓库管理制度
2015/08/04 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server