Rails 4，設置CSS背景圖片

Question

我想通過CSS background: url()屬性設置背景圖片。但它不起作用。沒有什麼特別的。我已經做好了;

-rails new myApp 
-rails g controller Welcome index. 

那就是它。我有這個div <div class="image">

和它的CSS。

.image{ 
    background: url('image.jgp'); 
} 

我有我的資產/圖像folder.I image.jgp可以做<％= IMAGE_TAG（資產/ image.jgp'），它works.But CSS部分doesn't.` 該如何問題可以解決？

Answer 1

You have not properly provided path to the image. 

.image{ background: url(../assets/image.jgp); } 

Answer 2

你有錯誤的圖像延伸「jgp」..嘗試用「jpg」重命名它。

Answer 3

你可以這樣做，添加擴展名是* .erb到你的CSS/SCSS文件（例如session.scss.erb）

後，您可以寫這個代碼

.image {  
background-image: url(<%= asset_path('image.jpg') %>); 
} 

Answer 4

您需要的路徑添加到指向資產的文件夾這樣

.image{ background: url(assets/image.jgp); }