Question

我有rails 3.2.9，我想要放一个背景图片。我的图片位于public/images文件夹中，我也将其放在文件夹中：assets/images。

ul { 
    height: 200px; 
    width: 350px; 
    border: solid 1px blue; 
    margin: 0 auto; 
    padding: 0px;
    background-image: url('/images/todo.png'); 
}

但没有背景图像。请帮忙。

Answer 1

我必须把：

background-position: center;

所以我的代码是：

background: url(/assets/rsz_todo.png) no-repeat;
background-position: center;

我的图片位于assets/images

Answer 2

检查（编辑css之前）的简单方法是在浏览器中输入路径。这样你就可以确定路径应该是什么了。

您的 app / assets / images 文件夹映射到：

http://domain/assets/

因此，如果你有app / assets / images / logo.png，你应该能够在浏览器中检索，如：

http://domain/assets/logo.png

然后，在你的CSS中，你应该可以参考你的logo.png，如：

// app/stylesheets/application.css
body {
 background: url(/assets/logo.png) no-repeat;
}

另请参阅Rails资产管道：

http://guides.rubyonrails.org/asset_pipeline.html

Answer 3

如果这有助于任何人找到这个...... Rails provides helper methods for referencing an asset in your CSS or SASS file：

background-image: image-url("rails.png")

变成......

background-image: url(/assets/rails.png);

Answer 4

你为什么不试试：

background: url(image.png)

资产管道是为了简单起见。

Answer 5

如果您将图像放在资源/图像中，那么在调用该图像时应使用

background-image:url("/assets/image.png");

或者你可以试试

 background:url("/assets/image.png");

有时我发现使用背景而不是背景图像效果更好，但这只是个人经验

在铁轨中的背景图像

5 个答案: