爲什麼我的背景圖片不顯示？

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中。