css - 使用 amazon s3 托管静态图像并从 css 引用

Question

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

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

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

在相应的子目录中使用文件 bg-storefront.png。但是，这甚至可能在 amazon s3 上实现，以至于它没有文件夹是什么的概念。那么在这种情况下，我是否必须使用图像的绝对路径才能使其工作？

Answer 1

使用相对路径应该可以工作：当浏览器解释父目录..时，它只是通过 URL 的外观来完成。浏览器/网站访问者通常对大多数网页背后的实际文件结构一无所知，S3 也不例外。如果您的 CSS 文件被命名css/style.css并且您引用../bundles/images/a.png了 ，那么（对于浏览器）该 URLbundles/images/a.png是否存在才重要：真实的文件系统或目录结构是否支持这些 URL 并不重要。