在铁轨的背景图像

我有轨道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提供帮助方法来引用CSS或SASS文件中的资产 ：

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

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