html - 图像的 CSS 缓存半身像

<分区>

我知道如果我在将 css 添加到 html 时使用一些查询参数，它将阻止使用缓存的 css:

<link rel="stylesheet" type="text/css" href="mystyle.css?version=1.0.0">

但考虑到我在这个 css 中引用了一张图片:

mystyle.css:
#site_logo {
    background-image:url(../img/logo.png);
}

当我仅更新图像并使用新版本部署 css(css 代码没有更改)时，它是否也会破坏图像的缓存？ (更新logo.png)

<link rel="stylesheet" type="text/css" href="mystyle.css?version=1.0.1">

最佳答案

对嵌入 CSS 文件的资源的请求是通过单独的服务器调用完成的，因此如果这些额外资源的地址没有更改为以前的版本，它将尝试使用缓存版本，即如果不涉及其他缓存提升机制。您可以尝试阅读 service workers例如。

关于html - 图像的 CSS 缓存半身像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57476467/

相关文章：

html - 无法弄清楚为什么我的 css 的一部分没有正确显示