为什么我的背景图片不显示？

Question

我在我的Rails应用程序中有一个style.css.erb文件。

我想，所以我增加了行与导轨辅助方法来显示背景图像：

background: image-url('bnr-01.jpg') no-repeat; 

的图像不被显示。

我得到的错误'Invalid property valid'

系统产生是CSS：

background: image-url(bnr-01.jpg) no-repeat; 

Answer 1

既然你说这是css.erb文件，你应该使用的轨道作为帮手，

使用<%= asset_path 'bnr-01.jpg' %>轨帮手

background-image: url(<%= asset_path 'bnr-01.jpg' %>)

你也可以使用，

image_url("bnr-01.jpg")

您使用image-url这是错误的使用，image_url

Here is the reference

Answer 2

如在评论中说，使用 background: url("path/to/picture.jpg") no-repeat; 路径周围的引号字符是可选的。

http://www.w3schools.com/cssref/pr_background-image.asp

Answer 3

要加载的背景图片，下面是在CSS中添加代码，

background-image: url("/assets/bnr-01.jpg"); 

这将解决您的问题。希望背景图片放在app/assets/images中。