使用amazon s3来托管静态图像和从css引用

Question

所以我尝试使用s3上传我拥有的所有静态图像/ css / js。在我的一个css文件夹里面，我有以下内容：

background: url('../bundles/sitemain/img/bg-storefront.png') no-repeat center top;

在我的s3存储桶中，我已经拥有了bundle文件夹：

将文件bg-storefront.png放在相应的子目录中。然而，这对亚马逊s3来说甚至是可能的，因为它没有文件夹的概念。那么在这种情况下，我是否必须使用图像的绝对路径才能使其工作？

Answer 1

使用相对路径应该有效：当浏览器解释父目录..时，它只是通过URL的外观来实现。浏览器/网站访问者通常不了解大多数网页背后的实际文件结构，S3也不例外。如果您的CSS文件名为css/style.css并且引用../bundles/images/a.png，则只对（浏览器）URL（{1}}存在感到重要：无论是真实的文件系统还是目录结构都无关紧要备份这些网址。