如何在模板主题中引用图像
How do I reference an image in my stencil theme
我想知道如何在我的 scss 中为我正在处理的模板主题正确引用图像。它在本地工作但是当我将我的主题上传到 bigcommerce 时它给出了 404 错误。
background: url('../img/header-bg.png') no-repeat;
background: url('/assets/img/header-bg.png') no-repeat;
它们都可以在本地工作，但在我上传主题时都会出现 404。我已将图像包含在该目录和所有内容中。
我遇到了与您遇到的相同问题，我不是 100% 确定 BC 在 CSS 中推荐的引用背景图像的方法。
假设您将图像放在 assets/img 目录中，我发现像这样调用 background:url('../img/header-bg.png') 在本地和生产环境中都有效。
希望对您有所帮助。
我想知道如何在我的 scss 中为我正在处理的模板主题正确引用图像。它在本地工作但是当我将我的主题上传到 bigcommerce 时它给出了 404 错误。
background: url('../img/header-bg.png') no-repeat;
background: url('/assets/img/header-bg.png') no-repeat;
它们都可以在本地工作，但在我上传主题时都会出现 404。我已将图像包含在该目录和所有内容中。
我遇到了与您遇到的相同问题，我不是 100% 确定 BC 在 CSS 中推荐的引用背景图像的方法。
假设您将图像放在 assets/img 目录中，我发现像这样调用 background:url('../img/header-bg.png') 在本地和生产环境中都有效。
希望对您有所帮助。