我正在尝试更改一个实时网站的背景图像,但图像并不刷新。
body{
background-image:url('/img/bg.jpg');
}如何强制重新加载背景图片?
发布于 2019-08-04 04:50:41
浏览器可能正在缓存图像,而不是再次尝试请求它。您可以将查询字符串添加到图像url -这通常会告诉浏览器再次获取图像:
body{
background-image:url('/img/bg.jpg?v=2');
}请记住,只有当您第一次请求带有查询字符串的图像时,它才会起作用。第二次,它就已经被缓存了。如果您希望在知道某个映像已更改时强制客户端刷新该映像,则此策略非常有用。
如果您希望每次都刷新图像(我不明白您为什么要这样做),您可以生成一个随机字符串并将其附加到查询字符串中。因为不能使用CSS生成字符串,所以可以使用javascript生成字符串,并对元素(在本例中为body元素)应用内联样式。
https://stackoverflow.com/questions/57340910
复制相似问题