如何在模板主题中引用图像

Question

我想知道如何在我的scss中正确引用我正在处理的模板主题中的图像。它在本地工作，但当我将我的主题上传到bigcommerce时，它会出现404错误。

background: url('../img/header-bg.png') no-repeat; background: url('/assets/img/header-bg.png') no-repeat;

这些都在本地工作，但是当我上传主题时都会产生404。我已将图像包含在该目录中以及所有内容中。

Answer 1

我遇到了同样的问题，而且我不能100％确定BC推荐的在CSS中引用背景图片的方式。

假设您将图像放在assets / img目录中，我发现像这样调用background:url('../img/header-bg.png')在本地和生产中都有效。

希望这有帮助。