IE6下CSS图片缓存问题解决方法

 更新时间:2010年12月09日 18:49:40   作者:  
ie6下如果用css图片平铺,会出现cpu短暂100%的情况,主要原因在于,ie6会重复下载图片。
用一句代码即可搞定:
复制代码 代码如下:

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

当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全:

复制代码 代码如下:

if(Browser.isIE6){
try{
document.execCommand("BackgroundImageCache", false, true);
}
catch(e1){}
}


平台检测代码可以这样写,摘自Ext源码:

复制代码 代码如下:

var Browser = {};
try{
(function(){
var idSeed = 0,
ua = navigator.userAgent.toLowerCase(),
check = function(r){
return r.test(ua);
},
DOC = document,
isStrict = DOC.compatMode == "CSS1Compat",
isOpera = check(/opera/),
isChrome = check(/\bchrome\b/),
isWebKit = check(/webkit/),
isSafari = !isChrome && check(/safari/),
isSafari2 = isSafari && check(/applewebkit\/4/), // unique to Safari 2
isSafari3 = isSafari && check(/version\/3/),
isSafari4 = isSafari && check(/version\/4/),
isIE = !isOpera && check(/msie/),
isIE7 = isIE && check(/msie 7/),
isIE8 = isIE && check(/msie 8/),
isIE6 = isIE && !isIE7 && !isIE8,
isGecko = !isWebKit && check(/gecko/),
isGecko2 = isGecko && check(/rv:1\.8/),
isGecko3 = isGecko && check(/rv:1\.9/),
isBorderBox = isIE && !isStrict,
isWindows = check(/windows|win32/),
isMac = check(/macintosh|mac os x/),
isAir = check(/adobeair/),
isLinux = check(/linux/),
isIpad = check(/ipad/),
isSecure = /^https/i.test(window.location.protocol);
extend(Browser,{
isOpera:isOpera,
isIE:isIE,
isIE6:isIE6,
isFirefox:isGecko,
isSafari:isSafari,
isChrome:isChrome,
isIpad:isIpad
});
})();
}catch(e){}


//上面extend方法也很easy

复制代码 代码如下:

function extend(obj1,obj2){
for(var o in obj2){
obj1[o] = obj2[o];
}
return obj1;
}

相关文章

  • layui点击按钮添加可编辑的一行方法

    layui点击按钮添加可编辑的一行方法

    今天小编就为大家分享一篇layui点击按钮添加可编辑的一行方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • table insertRow、deleteRow定义和用法总结

    table insertRow、deleteRow定义和用法总结

    这篇文章主要对table insertRow、deleteRow定义和用法做下总结,需要的朋友可以参考下
    2014-05-05
  • js实现3D图片展示效果

    js实现3D图片展示效果

    本文主要介绍了js实现3D图片展示效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • js 中 document.createEvent的用法

    js 中 document.createEvent的用法

    用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象。关于初始化方法的详细信息,请参阅 Event 对象参考。
    2010-08-08
  • JS中用三种方式实现导航菜单中的二级下拉菜单

    JS中用三种方式实现导航菜单中的二级下拉菜单

    我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。那么如何实现导航菜单栏中的二级下拉菜单呢?下面小编给大家分享JS中用三种方式实现导航菜单中的二级下拉菜单,感兴趣的朋友一起看看吧
    2016-10-10
  • gridpanel动态加载数据的实例代码

    gridpanel动态加载数据的实例代码

    这篇文章介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下
    2013-07-07
  • Javascript+CSS3实现进度条效果

    Javascript+CSS3实现进度条效果

    本篇文章主要介绍Javascript+CSS3实现进度条效果,可以实现给用户一个等待的过程,有需要的可以了解一下。
    2016-10-10
  • 关于javascript中this关键字(翻译+自我理解)

    关于javascript中this关键字(翻译+自我理解)

    在传统面向对象语言中,this关键字是个很乖的小孩,从不乱跑,该是谁的就是谁的。可是在JavaScript中,我们发现它不那么乖,有时甚至把我们搞的晕头转向的。所以有必要对它稍微做个总结。
    2010-10-10
  • Bootstrap每天必学之弹出框(Popover)插件

    Bootstrap每天必学之弹出框(Popover)插件

    Bootstrap每天必学之弹出框(Popover)插件,弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充,如何实现请参考本文
    2016-04-04
  • JS 终止执行的实现方法

    JS 终止执行的实现方法

    下面小编就为大家带来一篇JS 终止执行的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧
    2016-11-11

最新评论