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

.button {
背景：url(../ Images / button.png);
}

问题：出于性能原因,所有静态内容都有过期标题,并被浏览器缓存.当图像更改时,用户必须刷新缓存(Ctrl F5在IE中).我想要图像被缓存,但是在必要时它们必须被自动重新加载.

问题：下一个方法是否有效？

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

其中v = 1234是我的网站的版本.我不知道在CSS中编写这样的东西是否有100％的有效性,如果版本是相同的,我确实希望浏览器仍然缓存图像.所有现代浏览器是否使用URL参数部分正确缓存数据？

谢谢.

解决方法

这对我来说看起来是一个很好的方法,它可以在现代浏览器中的CSS中正常工作 – 浏览器将查看图像的地址(包括？v = 1234),看到它没有被缓存,并发送一个新的请求.