网页制作 
首页 > 网页制作 > 浏览文章

ie6下的背景图片缓存

(编辑:jimmy 日期: 2024/11/9 浏览:3 次 )

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]-->

上一篇:【网页设计】分享E-WebTemplates国外精美网页模板(FLASH+PSD源文件+HTML)
下一篇:网页速度优化一览
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。