本文提供了解决IE6浏览器中背景图片在hover效果使用时重复加载请求的问题的方法，包括CSS和JavaScript两种实现方式。CSS方法通过expression属性尝试缓存背景图片，而JavaScript方法则通过检查用户代理字符串来判断IE6版本并执行相应的缓存操作。
IE6下的背景图片用的时候都会再次发送请求，就连一个hover效果同样的背景图片只是位置不同，ie6都会再次请求，这个令人崩溃的事情需要解决掉：
css写法：
html
{
filter
:
expression(document.execCommand("BackgroundImageCache", false, true))
;
}
注意：
expression严重影响效率，
强烈建议不要用。
js写法：
(function(){
try{
var userAgent = navigator.userAgent.toLowerCase();
var env = null;
var ver = 0;
env = userAgent.match(/msie ([\d.]+)/);ver = env ? parseInt(env[1], 10) : 0;
if(ver == 6){
try{
document.execCommand("BackgroundImageCache", false, true);
}catch(e){}
}
}catch(e){}
})();
转自：http://shuiwangliu.blog.163.com/blog/static/1645857452010719104817563/
扫一扫
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
