e不缓存背景图片的解决办法

高性能web开发中，一张小小的图片请求能省的就省，可IE6存在不缓存背景图的bug.如果重复使用了一个图片作为背景，那么每用一次就会重新去服务器拉一次。。。给服务器带来巨大的压力。解决方法有两种，

1：采用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){}

}

2.在页面上直接使用1个DIV元素来加载该图片，这样加载图片就能真正被缓存，鼠标移动也不会发送请求了。