Spree 3.1 CSS .spree-header 背景图像的路径

Question

In Spree 3.1 标准主题（开箱即用）

我试过更改背景 image.But 没用。也许路径是错误的。帮助需要。这是我所做的。

上传图片/app/assets/images/NewBackGroundImage.png
在vendors/assets/stylesheets/spree/frontend/custom.css

CSS:

.spree-header{
    background-image: url("/assets/images/NewBackGroundImage.png");
    background-size: cover;
    margin-bottom: 10px;
}

这是我对当前页面的检查

这部分是我附上的屏幕截图，用于我对以下答案的评论。

在检查屏幕上它清楚地显示错误 404（未找到）

尝试更改为使用 asset-url 然后

SCSS:

然后把我的custom.css改成custom.scss

这是检查镜头，现在可以使用了

Answer 1

正如我所见，您的页面根本没有使用您的样式。您确定 div 标签有 class "spree-header"。因为在您的浏览器中它只有 id "spree-header" 而没有关于相应的 class。尝试将其从 .spree-header 替换为 #spree-header。如果样式之间可能存在冲突，那么您可以随时尝试使用 !important 标签：url(...) !important;

如果文件夹"vendors"在"app"文件夹中，那么你也可以使用相对路径url("../../../../../assets/images/NewBackGroundImage.png")

Spree 3.1 CSS .spree-header 背景图像的路径

Spree 3.1 CSS path for .spree-header background-image

css

spree