Question

我有config / routes.rb路由到 app / view / home / index.html.erb

index.html.erb是 app / assets / stylesheets / home.css

的链接

它工作正常，我已经为我的索引网站提供了样式。

问题是当我尝试将徽标指定为位于 app / assets / images / logo.png

中的背景时

我在home.css中尝试这个并且它不起作用：

body { background: #FFF url('../images/logo.png') no-repeat top left; }

使其工作的唯一方法是将logo.png移动到stylesheets文件夹，但我不想这样做。

那么，我如何将图像用作背景，这是在另一个文件夹中？

Answer 1

实际上你可以使用Sprockets Url Rewriter使它工作。这是一个小宝石，将相对的CSS网址重写为绝对的网址。你可以使用：

body { background: #FFF url(logo.png) no-repeat top left; }

阅读asset pipeline guide以更好地了解正在发生的事情。或者你可以去官方 suggestion。我个人更喜欢Url重写器方法。它更干净。