【问题标题】:Css file images are not showingCss 文件图像未显示
【发布时间】:2012-08-26 09:32:02
【问题描述】:

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

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

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

是否有任何替代方法,以便无需在 blob 中上传这些图像,我们就可以在浏览器中显示它?

【问题讨论】:

  • 图片在哪里?必须将它们上传到某处,您才能引用它们。您不能使用完整/直接 URL 代替相对地址吗?

标签: c# azure azure-blob-storage


【解决方案1】:

当您在 CSS 中插入相对路径时,相对路径将使用 CSS 的位置作为它的根,然后创建路径。在您的情况下,因为您的 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”。

【讨论】:

    猜你喜欢
    • 2012-07-05
    • 2015-08-07
    • 2013-09-26
    • 2021-06-26
    • 1970-01-01
    • 2015-07-10
    • 1970-01-01
    • 2017-09-30
    • 2011-03-09
    相关资源
    最近更新 更多