当我将相同的图像用于不同的元素(精灵图像)时,我通常不会再次调用该图像,因为这是一个新的 HTTP 请求。
我宁愿使用:
element1 {
background: url(someImage.png);
}
element2 {
background-image: inherit;
}
这是在保存 HTTP 请求吗?
或者,如果浏览器很智能,我可以使用:
element1 {
background: url(someImage.png);
}
element2 {
background: url(someImage.png);
}
浏览器会发出新的 HTTP 请求吗?或者它知道我已经缓存了这张图片?
问题是:我是否通过使用示例 1 有所收获?