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

Question

我遵循了其他主题的建议，但无法正常工作。我想设置背景图片。

我的 scss 文件是 custom.css.scss 代码是 body

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

back.png 位于 app/assets/images

custom.css.scss 位于 app/stylesheets

我可以让 back.png 在我的 html 页面中使用

通过资产管道工作

<%= image_tag "back.png" %>

Answer 1

将它与资产管道一起使用

body { background-image: url(asset-path('back.png', image)); }

更多功能在 documentation

Answer 2

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

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

我强烈建议使用 SASS 而不是 SCSS。

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

--

虽然 asset_path 有效，但我们发现在 SCSS)

中使用 asset-url (asset_url 更有效

Background Image with .SCSS in Rails?