没有显示Css文件图像

Question

我在blob存储中上传了css文件。现在我试图直接在浏览器中访问这些文件

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

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

任何替代方案，以便在不上传blob中的那些图像的情况下我们可以在浏览器中显示它吗？

Answer 1

在CSS中插入相对路径时，相对路径将使用CSS的位置作为root，然后创建路径。在您的情况下，因为您的CSS位于Azure Blob存储中，所以CSS中的相对路径将以root身份查找Azure Blob存储。您遇到了问题，因为您的图像位于Azure VM，而您的CSS位于Azure Blob存储。这是CSS的设计行为，描述了多个地方，即： Is a relative path in a CSS file relative to the CSS file?

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

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