Rails 中带有 .SCSS 的背景图像？

Question

我遵循了其他主题的建议，但无法让它发挥作用。我想设置背景图片。

我的 scss 文件是 custom.css.scss 和代码是正文

{ background-image: url("back.png"); }

back.png 位于 app/assets/images

custom.css.scss 位于 app/stylesheets

我没有问题让 back.png 通过我的 html 页面中的资产管道工作

<%= image_tag "back.png" %>

Answer 1

#SCSS
body {
  background: {
     image: asset_url("back.png");
  }
}

#SASS
body
  background:
    image: asset-url("back.png")

我强烈建议使用SASSover SCSS。

简单的区别是 SASS 没有任何semicolons或brackets. 其他功能相同。

——

虽然asset_path有效，但我们发现使用asset-url( asset_urlin SCSS)更有效