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

Question

.button {background:url(../ Images/button.png); }

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

问题:下一步方法是"有效"吗？

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

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

谢谢.

Answer 1

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