在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")

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

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

-

虽然asset_path有效但我们发现使用asset-url（SCSS中的asset_url）更有效

Answer 2

将其与资产管道一起使用

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

documentation

的更多功能