背景画像が表示されないのはなぜですか？

Question

私のレールアプリにstyle.css.erbファイルがあります。

は、私はレールのヘルパーメソッドで行を追加したように、背景画像を表示したい：

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

画像が表示されません。

私は、生成のCSSがエラーに'Invalid property valid'

を得る：パスの周り background: url("path/to/picture.jpg") no-repeat; 引用文字を使用し、語ったコメントのように

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

はオプションです。

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

Answer 3

背景画像をロードするには、以下では、これはあなたの問題を解決します

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

、CSSに追加するコードです。背景画像がapp/assets/imagesに配置されることを望みます。