css - 强制浏览器重新读取缓存的图像

Question

.按钮{ 背景:网址(../Images/button.png)；

问题:出于性能原因，所有静态内容都有过期 header 并由浏览器缓存。当图像更改时，用户必须刷新缓存(在 IE 中为 Ctrl+F5)。我希望缓存图像，但在必要时必须自动重新加载它们。

问题:下一个方法“有效”吗？

.button {
    background: url(../Images/button.png?v=1234);
}

其中 v=1234 是我网站的版本。我不知道用 CSS 写这样的东西是否 100% 有效，我确实希望浏览器在版本相同的情况下仍然缓存图像。是否所有现代浏览器都正确地缓存了带有 URL 参数部分的数据？

谢谢。

Answer 1

这对我来说是个好方法，它在现代浏览器的 CSS 中可以正常工作——浏览器会查看图像的地址(包括 ?v=1234)，请参阅它没有被缓存，并发送一个新的请求。