css - CSS 图像缓存

Question

在客户端图像缓存方面，以下之间是否存在差异：

**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;"

Answer 1

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

顺便说一句，如果您正在寻找图像缓存，我强烈建议您使用 CDN。亚马逊的 CloudFront使这变得简单且便宜。

Answer 2

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