时间:2021-05-08
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]-->
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
例如:CSS代码a:hover{background:url(imagepath)}常用的解决方案:在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片
很多网站建设的朋友在处理浏览器兼容性的时候,都遇到了在IE6下PNG背景图片不透明的问题,本文网站建设就分享下在IE6中如何使PNG背景图片变为透明。为什么要使
代码如下:复制代码代码如下:注:这个BUG以前就已经发现了,这里只是再次提出来。更详细的说明可以参考下面的文章:IE6下默认不缓存背景图片,CSS里每次更改图片
提供一个背景图片策略:1,背景图片固定2,随窗口大小改变而改变大小3,保持比例不变而缩放支持浏览器:IE6,7,8,9+,FF,Chrome演示地址:http:
对于图片,首先我们先想到是背景图片。因为我们许许多的装饰都是用背景图片来实现的。既然这样,那么就从CSS控制背景图片讲起吧。定义和用法background-im