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