Question

如果从css引用并且缓存在用户设备上，我的图像是否会更新？

我有旧网站，我想确保所有用户都获得新图片。

我已更新了我的css链接以使用其他查询字符串，这将强制更新样式表。

<link rel="stylesheet" type="text/css" href="~/site.css" />

这将确保用户访问页面后我的样式会更新。问题是关于参考图像

.header {
    background-image: url(../logo.gif);
}

问题是我需要保持我的图像相同，因为它在整个页面和其他页面中被引用。

我是否需要将查询字符串放在css图像链接中，如下所示

  .header {
        background-image: url(../logo.gif?v=1);
    }

我的理解是我需要使用解决方案二，
图像，因为它将被解析为http://www.example.com/logo.gif，因此将根据浏览器进行检查，即：我需要将查询字符串添加到css中。

Answer 1

在现代网络浏览器中它应该有效。浏览器将检查地址图像有变化（？v =无论） - 这个网址 img.jpg？v =没有没有缓存，因此浏览器会再次加载它。