ie6下的背景图片缓存
发布时间：2011-07-27 14:40:32 作者：佚名 
我要评论
我要评论IE6下CSS背景图片闪烁的Bug（ie6下的背景图片缓存问题）
IE6下CSS背景图片闪烁的Bug（ie6下的背景图片缓存问题）
IE6下的背景图片每次使用都会重新发送请求(非本地)，连一个hover效果时候同样的背景图片仅仅位置不同而已，ie6都会再次发送请求，这个令人崩溃的事情需要解决掉：
对于ie来说，filter:expression 很强大，能够实现的功能超级多，但是更对于视效率如生命的程序员来说，它的效率不敢令人恭维，所以有人会用css方法实现ie6下背景图片缓存，但是这种人也就是崇拜微软的强大而已：
复制代码
代码如下:html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 当然缺点：可能会使整个页面的加载速度变慢
大多数人都会选择js方法实现：
复制代码
代码如下:<script type='text/javascript'>
document.execCommand("BackgroundImageCache", false, true);
</script>
缺点：如果在firefox等浏览器下执行会出错。
所以需要判断是否为IE浏览器，使用jQuery提供的判断方法如下：
复制代码
代码如下:<script type='text/javascript'>
if ($.browser.msie) {
document.execCommand("BackgroundImageCache", false, true);
}
</script>
更简单的就是使用IE的条件注释：
复制代码
代码如下:<!--[if lt IE 7]>
<script>document.execCommand("BackgroundImageCache",false,true);</script>
<![endif]-->
相关文章
- 大家都知道，目前有很多浏览器无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果;那么这篇文章将详细介绍了这几种背景图片的处理方法,需要了解的朋友可以参考下2012-12-24
链接伪类（:hover）CSS背景图片有闪动BUG的解决方法
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。2011-04-28网页CSS背景图片使用的测试结果-CSS教程-网页制作-网页教学网
这篇文章主要讲了CSS对背景图片渲染效率的一些经验和研究，在webjx.com中，还有着类似CSS效率的相关文章。 树型结构竖线用样式表（背景图）来实现，样式表背景2008-10-17- 利用一张背景图片来实现菜单的悬停状态，没有什么不可思议完全可以办得到，仅这一张图片，我们实现一个横行CSS菜单。并设置它们的悬停效果，感兴趣的朋友可以参考下哈，希2013-03-28
纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器)
在之前的文章中曾经写到过一篇“三角形变形记之纯css实现的分布导航条效果”，其中用到了边框实现三角形的效果。最近又折腾了一个六边形的蜂窝效果给大家蹂躏。主要用到了2013-02-057款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
接下来向大家推荐7款设计巧妙的CSS3飘带状菜单和窗口，相当不错的效果，很多都具有3D立体效果，看了相信你一定会喜欢的好了不多说，切入主题，希望本文可以帮助到你，提高2013-02-04- 一般情况下导航菜单的背景图片都是比较有规则的，但是平时我们也会遇到很多背景图片形状不规则导航条比如但鼠标移上的时候，背景图片不规则，本例只讨论此种类型2013-01-02
- W3cplus第二版本刚上线时，好多位朋友向我问起站上的分页导航样式是怎么制作;为了报答各位朋友一持对本站的大力支持，今天我特意把这个分页导航的效果当作一个小教程来说。2012-12-24
- 不改变html结构，使导航菜单垂直水平居中这个问题应该如何解决呢？本文将详细介绍，需要了解的朋友可以参考下2012-11-30
- 要做一个Bubble气泡提示框，如果用CSS3特性来做很容易，用图片来做也可以，但前者有兼容性问题，后者又不够灵活，用图片做有一个例子可以看看jquery打造一款侧边弹出的垂直2011-11-23
最新评论