CSS 图像缓存答案

【问题标题】：CSS Image CachingCSS 图像缓存
【发布时间】：2009-03-25 21:05:28
【问题描述】：

在客户端图像缓存方面，以下是否有区别：

**Option #1**
<div style="background:url('myimage.jpg');display:none;"></div>

和

**Option #2**
<div id="myimage"></div>

style.css
#myimage {
     background:url('myimage.jpg');
     display:none;
}

编辑：我不确定这是否重要，但上述 DIV 首先加载到另一个页面上，其中 style="display:none;"

【问题讨论】：

【解决方案1】：

没有。客户端缓存由图像请求中从服务器返回的标头控制，而不是 css。

顺便说一句，如果您正在寻找图像缓存，我强烈建议您使用 CDN。 Amazon's CloudFront 让这一切变得简单又便宜。

【讨论】：

【解决方案2】：

没有。另请注意，某些浏览器不会缓存隐藏元素中的图形（无论您是直接隐藏它们还是隐藏它们的父元素之一）。

【讨论】：