Spree 3.1 .spree-header background-image的CSS路径

时间：2016-11-11 04:16:11

标签： css spree

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

我试图改变背景图片。但是不行。也许路径是错误的。需要帮助。 这就是我做的。

  1. 将图片上传为/app/assets/images/NewBackGroundImage.png
  2. 在vendors/assets/stylesheets/spree/frontend/custom.css
    3. 中添加css

    CSS： 

    .spree-header{
    background-image: url("/assets/images/NewBackGroundImage.png");
    background-size: cover;
    margin-bottom: 10px;
}
    1. 这是我对当前页面的检查 enter image description here

      2. 这部分是我对以下答案评论的附加屏幕截图。

      Page Inspect Files Tree

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

      尝试使用asset-url进行更改 enter image description here

      SCSS：

      然后将我的custom.css更改为custom.scss change custom to scss

      这就是现在的检查工作 inspect shot

1 个答案:

答案 0 :(得分：1)

正如我所看到的，您的页面根本不使用您的样式。你确定div标签有“spree-header”类吗？因为在你的浏览器中它只有id“spree-header”而且没有关于各自的类。尝试将其从.spree-header替换为#spree-header。如果样式之间可能存在对抗，那么您可以随时尝试使用!important代码：url(...) !important;

如果“供应商”文件夹位于“app”文件夹中，那么您也可以使用相对路径url("../../../../../assets/images/NewBackGroundImage.png")

相关问题
最新问题