`
huobengluantiao8
  • 浏览: 1031204 次
文章分类
社区版块
存档分类
最新评论

解决IE6背景图片不缓存的BUG

 
阅读更多

IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的方式解决问题的,但效果差强人意。

示例:
a{ background:url(normal.gif); } a:hover { background:url(hover.gif); }
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果,在firefox下是没有什么问题的,第一次加载之后,浏览器都会从缓存读取背景图片.

解决方法

具体的解决方法就是在页面中加入一段简单的javascript脚本,告诉IE6:本地有背景图片的话就不要麻烦服务器了。 document.execCommand("BackgroundImageCache",false,true);

关于这段脚本的放置方式有两种:

1.使用CSS,在CSS中加入如下代码

html {}{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

2.使用JS:

document.execCommand("BackgroundImageCache",false,true);

另外查了一下关于这个document.execCommand 的一些其他用法

2D-Position允许通过拖曳移动绝对定位的对象。
AbsolutePosition设定元素的position属性为“absolute”(绝对)。
BackColor设置或获取当前选中区的背景颜色。
BlockDirLTR目前尚未支持。
BlockDirRTL目前尚未支持。
Bold切换当前选中区的粗体显示与否。
BrowseMode目前尚未支持。
Copy将当前选中区复制到剪贴板。
CreateBookmark创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
CreateLink在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的URL。
Cut将当前选中区复制到剪贴板并删除之。
Delete删除当前选中区。
DirLTR目前尚未支持。
DirRTL目前尚未支持。
EditMode目前尚未支持。
FontName设置或获取当前选中区的字体。
FontSize设置或获取当前选中区的字体大小。
ForeColor设置或获取当前选中区的前景(文本)颜色。
FormatBlock设置当前块格式化标签。
Indent增加选中文本的缩进。
InlineDirLTR目前尚未支持。
InlineDirRTL目前尚未支持。
InsertButton用按钮控件覆盖当前选中区。
InsertFieldset用方框覆盖当前选中区。
InsertHorizontalRule用水平线覆盖当前选中区。
InsertIFrame用内嵌框架覆盖当前选中区。
InsertImage用图像覆盖当前选中区。
InsertInputButton用按钮控件覆盖当前选中区。
InsertInputCheckbox用复选框控件覆盖当前选中区。
InsertInputFileUpload用文件上载控件覆盖当前选中区。
InsertInputHidden插入隐藏控件覆盖当前选中区。
InsertInputImage用图像控件覆盖当前选中区。
InsertInputPassword用密码控件覆盖当前选中区。
InsertInputRadio用单选钮控件覆盖当前选中区。
InsertInputReset用重置控件覆盖当前选中区。
InsertInputSubmit用提交控件覆盖当前选中区。
InsertInputText用文本控件覆盖当前选中区。
InsertMarquee用空字幕覆盖当前选中区。
InsertOrderedList切换当前选中区是编号列表还是常规格式化块。
InsertParagraph用换行覆盖当前选中区。
InsertSelectDropdown用下拉框控件覆盖当前选中区。
InsertSelectListbox用列表框控件覆盖当前选中区。
InsertTextArea用多行文本输入控件覆盖当前选中区。
InsertUnorderedList切换当前选中区是项目符号列表还是常规格式化块。
Italic切换当前选中区斜体显示与否。
JustifyCenter将当前选中区在所在格式化块置中。
JustifyFull目前尚未支持。
JustifyLeft将当前选中区所在格式化块左对齐。
JustifyNone目前尚未支持。
JustifyRight将当前选中区所在格式化块右对齐。
LiveResize迫使MSHTML编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
MultipleSelection允许当用户按住Shift或Ctrl键时一次选中多于一个站点可选元素。
Open打开。
Outdent减少选中区所在格式化块的缩进。
OverWrite切换文本状态的插入和覆盖。
Paste用剪贴板内容覆盖当前选中区。
PlayImage目前尚未支持。
Print打开打印对话框以便用户可以打印当前页。
Redo重做。
Refresh刷新当前文档。
RemoveFormat从当前选中区中删除格式化标签。
RemoveParaFormat目前尚未支持。
SaveAs将当前Web页面保存为文件。
SelectAll选中整个文档。
SizeToControl目前尚未支持。
SizeToControlHeight目前尚未支持。
SizeToControlWidth目前尚未支持。
Stop停止。
StopImage目前尚未支持。
StrikeThrough目前尚未支持。
Subscript目前尚未支持。
Superscript目前尚未支持。
UnBookmark从当前选中区中删除全部书签。
Underline切换当前选中区的下划线显示与否。
Undo撤消。
Unlink从当前选中区中删除全部超级链接。
Unselect清除当前选中区的选中状态。

分享到:
评论

相关推荐

    ie6下的背景图片缓存

    IE6下CSS背景图片闪烁的Bug(ie6下的背景图片缓存问题) IE6下的背景图片每次使用都会重新发送请求(非本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决...

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

    最近发现的Web项目在IE6下出现背景图片不缓存的问题,在网上搜索了一番,发现已经是众所周知的BUG,这里就总结一下各种解决办法

    链接伪类(:hover)CSS背景图片有闪动BUG的解决方法

    例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。 XML/HTML代码 ...

    IE图片缓存document.execCommand(BackgroundImageCache,false,true)

    Pixy方法受到IE的cache bug影响会闪烁。其实并没有说清楚这个问题,但其实该bug是有条件的,即IE的cache设置为Every...此外有人发现了一个未公开的方法来让IE对背景图进行缓存: document.execCommand(“BackgroundImag

    文章管理系统

    2.纠正采集的图片标签中有js脚本时,可能会造成图片获取不到的BUG 3.友情链接管理,到期日期加入快捷的1、3、6、12个月的选择按钮 4.sitemap加入最后更新时间 5.对首页最新评论和最新留言中连续数字或者连续字母进行...

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    网址网站导航整站源码

    .# 修复名站切换栏“我的收藏”网址IE浏览器下不在新窗口打开的Bug; .# 修复部分环境下后台左侧菜单不显示的Bug; .# 改进批量导入网址功能; .# 修正清空关键词分类后静态生成出错的Bug; .# 修正生成分类为空分类...

    记事狗微博系统 4.7.4 Build 20140922 GBK.zip

    调整手机版,IE7部分BUG 调整赞我的和我赞的页面 调整评论我的和我评论的页面 调整图片墙页面的样式 调整皮肤样式使其统一 调整部分模板文件样式 调整部分广告位尺寸和显示 调整我关注人分组的显示 调整侧边...

    Discuz 高端企业交互式商业模板268元 商业版 V1.1 dzx 3.rar

    风格名称: 周末设计_高端企业_交互式模板 适用版本: Discuz! X3.0、X3.1、X3.2、F1.0 风格编码: 使用语言包结构,适合...不包含DISCUZ程序版本升级、模板文字、DIY模块结构样式、图片等的修改和后台数据配置设置。

    记事狗微博系统 4.7.4 Build 20140922 UTF8.zip

    调整手机版,IE7部分BUG 调整赞我的和我赞的页面 调整评论我的和我评论的页面 调整图片墙页面的样式 调整皮肤样式使其统一 调整部分模板文件样式 调整部分广告位尺寸和显示 调整我关注人分组的显示 调整侧边...

    精易模块[源码] V5.15

    6、修复“网页_创建快捷方式”在win7以上系统不能自定义图标的BUG,感谢易友【蓝风】反馈。 7、修复“进制_十六到十”不支持长整数的BUG。 8、新增“类_时钟”,类似易语言自带时钟控件,可设置时钟周期。 MD5:E31C...

    最新版114啦2010.9.23更新.rar

    .# 修复名站切换栏“我的收藏”网址IE浏览器下不在新窗口打开的Bug; .# 修复部分环境下后台左侧菜单不显示的Bug; .# 改进批量导入网址功能; .# 修正清空关键词分类后静态生成出错的Bug; .# 修正生成分类为空...

    精易官方免费模块v3.60版

    3.完善 “网页_禁止允许gif图片”“网页_禁止允许显示图片” “网页_禁止允许背景声音”“网页_禁止允许点击声音” “网页_禁止允许播放网页视频”“网页_禁止允许一键操作” 的备注信息 1.增加网页_禁止允许一键...

    asp.net知识库

    一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui.webcontrols的TabStrip与...

    毕业设计电商网站源码-studentGraduation:一个管理毕业信息的程序

    系统存在未知BUG,在管理员导入数据时出现错误而没有显示详细的错误信息,不利于数据的处理 不能满足移动端的需求。 为解决以上问题,重新开发高校毕业生离校系统 2.可行性分析 2.1系统基本要求 2.1.1采用架构 本项目...

    KesionEshop v9.5.140605 免费正式版 (gbk).rar

    6、修复网银支付接口后台对账文件user/ChinaBankAutoReceive.asp 如果是商城订单可能没有同步的BUG 7、加强会员签到脚本的过滤,以免出现XSS漏洞 8、修复升级到9.5.140102版本后,附件下载提示“非法下载” 9、...

Global site tag (gtag.js) - Google Analytics