首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

解决IE6背景图片不缓存的有关问题

2012-11-25 
解决IE6背景图片不缓存的问题解决IE6背景图片不缓存的问题IE6在背景图片缓存上有一个bug:它会每次都从服务

解决IE6背景图片不缓存的问题

解决IE6背景图片不缓存的问题

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);

?

热点排行