`
bazhuang
  • 浏览: 149355 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

IE6不缓存背景图的解决方案

阅读更多
IE6有个bug,就是不缓存css中的背景图,每次都要去下载背景图,就会造成有时候背景图可以完全显示,有时候就不会显示完全。这个问题会对开发程序造成困扰。
其实有个办法可以解决这个问题,使用下面这段js即可。
var ua = navigator.userAgent.toLowerCase();
var isIE6 = ua.indexOf("msie 6") > -1;//判断是否为IE6

    // remove css image flicker
	//IE6下默认不缓存背景图片,CSS里每次更改图片的位置时都会重新发起请求,用这个方法告诉IE6缓存背景图片
	if(isIE6){
        try{
            document.execCommand("BackgroundImageCache", false, true);
        }catch(e){}
    }

只需要对IE6做特殊处理即可。Ext也有做这样的处理,jQuery中没看到这样的代码,不知道它有没有处理。
分享到:
评论

相关推荐

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

    在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛使用的浏览器,但在其生命周期中,它暴露出了一些问题,其中之一就是背景图片不被缓存的问题。这导致每次页面加载时,背景图片都需要重新下载,增加了网络...

    解决IE6兼容问题的十一大技巧

    6. **最小高度(min-height)**:IE6不支持`min-height`属性,但可以通过CSS hack来解决,如: ```css #container { min-height: 200px; height: auto !important; /* 对其他浏览器生效 */ height: 200px; /* 对...

    IE6无法打开INTERNET站点的解决办法

    1. **HTML/CSS**:确保使用的HTML和CSS代码遵循标准规范,避免使用IE6不支持的特性。 2. **JavaScript**:IE6对JavaScript的支持有限,特别是在处理DOM操作方面。开发者需要使用兼容IE6的JavaScript库或编写兼容代码...

    ie6下的背景图片缓存

    来强制IE6缓存背景图片。这种方法虽然有效,但会降低整个页面的加载速度,并且存在兼容性问题,因为expression函数在其他浏览器中并不支持。 更受欢迎的方法是使用JavaScript来执行document.execCommand(...

    div+css 解决ie6兼容问题总汇

    `可以缓存背景图,减少闪烁。 6. **最小高度**:IE6不理解`min-height`属性,可以使用`height:auto !important;height:200px;`的技巧,让IE6以外的浏览器识别最小高度,同时确保IE6不会超过指定的高度。 7. **最大...

    附加码显示不了解决方案

    ### 附加码显示不了解决方案 #### 背景与问题描述 在计算机系统中,安装特定更新包(如SP2)之后,可能会遇到一些显示方面的问题,特别是关于某些图像格式(例如XMP图像)无法正常展示的情况。本文将详细探讨这一...

    超强的IE背景图片闪烁(抖动)的解决办法

    此解决方案适用于所有基于IE内核的浏览器,特别是早期版本的IE(如IE8、IE9等)。如果你的网站或应用需要支持这些老旧浏览器,并且希望提供更好的用户体验,那么这个方法是非常有用的。 #### 兼容性考虑 需要注意...

    ie兼容问题

    IE6默认不会缓存背景图片,这可能会导致页面加载时背景图片的闪烁现象。可以通过以下脚本命令解决此问题: ```javascript document.execCommand("BackgroundImageCache", false, true); ``` #### 五、最小高度设置 ...

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

    当链接元素第一次加载时,浏览器会请求并缓存背景图片。但是,当鼠标悬停触发:hover伪类时,IE6会重新请求背景图片,而不会使用先前已经缓存的图片。这一行为不仅导致了背景图片的闪动现象,同时也增加了服务器的...

    IE6图片加载的一个BUG解决方法

    需要注意的是,虽然这两种方式都可以在IE6中解决图片请求的bug,但它们都不是最理想的解决方案。现代的开发方法,比如CSS雪碧图和精灵图定位,已经在IE6之外的所有浏览器中得到支持。因此,在设计现代网页时,应该尽...

    IE6兼容性问题及IE6常见bug详细汇总

    **背景闪烁**:IE6下的背景图在`hover`时可能会闪烁,可以通过JavaScript命令`document.execCommand("BackgroundImageCache", false, true)`来缓存背景图,防止闪烁。 总之,解决IE6的兼容性问题需要开发者深入理解...

    IE6 hack for js 集锦

    IE6是微软公司在2001年发布的Internet Explorer浏览器的第六个主要版本。尽管在后续版本中IE获得了诸多更新,...通过本文所提供的技巧和方法,可以帮助开发者在面对IE6时有更多的解决方案,减少兼容性问题导致的困扰。

    CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细

    当使用CSS Sprites时,IE6可能出现背景图闪烁现象,因为它不会缓存背景图。可以通过JavaScript的`document.execCommand("BackgroundImageCache",false,true);`来解决这个问题,预先加载图片。 6. **最小高度(min-...

    IE6与CSS样式兼容问题汇总

    通常,避免内容宽度超过容器宽度是最简单的解决方案。如果必须使用浮动,可以尝试使用`overflow:hidden;`或`overflow:scroll;`,但要留意可能带来的副作用。 **绝对定位元素的1像素间距bug**,当元素的父级宽度或...

    IE支持CSS3 HTML5插件

    标题中的“IE支持CSS3 HTML5插件”指的是在Internet Explorer(简称IE)浏览器中,由于其自身对...随着现代浏览器的普及,这些问题已经逐渐减少,但了解这些历史背景和解决方案对于理解Web开发的进化过程仍然很有价值。

    基于Unit PNG Fix.js有时候在ie6下不正常的解决办法

    同时,由于IE6的市场份额已经非常小,大多数现代网站开发已经不再支持IE6,这也是避免此类问题的长远解决方案。 需要注意的是,由于本文章中存在OCR扫描错误,导致部分文字识别不准确或缺失。在实际应用上述解决...

Global site tag (gtag.js) - Google Analytics