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

前端之家收集整理的这篇文章主要介绍了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),看到它没有被缓存,并发送一个新的请求.

猜你在找的CSS相关文章