浏览器是否缓存CSS背景图像？

Question

当我有相同的图像用于不同的元素(精灵图像)时,我通常不会再次调用该图像,因为这是一个新的HTTP请求.

我宁愿用:

element1 {
    background: url(someImage.png);
}

element2 {
    background-image: inherit;
}

这是保存HTTP请求吗？

或者,如果浏览器是智能的,我可以使用:

element1 {
    background: url(someImage.png);
}

element2 {
    background: url(someImage.png);
}

浏览器是否会发出新的HTTP请求？或者它知道我已经缓存了这个图像？

问题是:我是否通过使用示例1获得了一些东西？

Answer 1

在您描述的场景中,浏览器基本上会在一个页面上多次引用同一图像,这几乎肯定会被缓存.

在不同的页面中,答案取决于浏览器,并且服务器发送的过期标头将影响符合代理的缓存行为.