在Rails中使用.SCSS设置背景图片？

Question

我已经尝试了其他主题的建议，但无法使其工作。我想设置一个背景图片。

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

{background-image：url（“back.png”）;}

back.png位于app / assets / images中。

custom.css.scss位于app / stylesheets中。

我没有问题通过asset pipeline在我的html页面中使用image_tag获取back.png。

- Shaomai888

Answer 1

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

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

---

我强烈建议使用 SASS 而非 SCSS。

简单的区别在于，SASS 没有任何 分号 或者 花括号。其它功能都是一样的。

--

虽然 asset_path 能够工作，但我们发现使用 asset-url（SCSS 里是 asset_url）更加有效。

- Richard Peck

---

好的，谢谢你让我知道！为了避免其他人的麻烦，你可能希望接受这个答案；确保你也看看 SASS - 它是高度推荐的。 - Richard Peck

Answer 2

使用资产管道（Asset Pipeline）

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

更多的功能可以在 文档 中查看。

- rob

---

可能现在已经过时了。对我有效的方法是删除 image 部分：body { background-image: url(asset-path('back.png')); } - elsurudo