c# - Css 文件图像未显示

Question

我在 blob 存储中上传了 css 文件。现在我正在尝试直接在浏览器中访问该文件

通过 blob URI。但我的问题是css文件中引用的图像。这些图像

由相对地址引用。我的 css 文件中有很多图像。所以这就是为什么

任何替代方案，以便无需在 blob 中上传这些图像，我们就可以在浏览器中显示它？

Answer 1

当您在 CSS 中插入相对路径时，相对路径将使用 CSS 的位置作为它的根，然后创建路径。在您的情况下，因为您的 CSS 位于 Azure Blob 存储中，所以您的 CSS 中的相对路径都将以 root 身份查找您的 Azure Blob 存储。您遇到了问题，因为您的图像位于 Azure VM，而您的 CSS 位于 Azure Blob 存储。这是 CSS 的设计行为，如多处所述，即： CSS 文件中的相对路径是否相对于 CSS 文件？

最重要的是，如果您使用 CSS 并引用它的任何内容，它应该引用相同的 Web 服务器。文件夹/容器可以更改，然后您可以在相对路径中正确引用它们。

要解决此问题，您需要将所有图像复制到 Windows Azure Blob 存储中的同一容器中，然后您可以在 CSS 中的任何位置使用“imagename.imageextension”。