Rails 4、设置CSS背景图片答案

【问题标题】：Rails 4, setting up CSS background imageRails 4、设置CSS背景图片
【发布时间】：2016-09-27 11:33:00
【问题描述】：

我想通过 CSS background: url() 属性设置背景图像。但它不起作用。没有什么特别的。我已经完成了：

-rails new myApp
-rails g controller Welcome index.

就是这样。我有这个 div：

<div class="image">

它的 CSS 是：

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

我的资产/图像文件夹中有 image.jgp。我可以做<%= image_tag('assets/image.jgp') 并且它有效。但是 CSS 部分不起作用。这个问题怎么解决？

【问题讨论】：

【解决方案1】：

你有错误的图像扩展名“jgp”。尝试用“jpg”重命名它。

【讨论】：

【解决方案2】：

您可以这样做，将扩展名 *.erb 添加到您的 css/scss 文件（例如 session.scss.erb）

在你能写出这段代码之后

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

【讨论】：

【解决方案3】：

您需要像这样添加指向资产文件夹的图像的路径

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

【讨论】：

虽然这段代码可能有助于解决问题，但它并没有解释为什么和/或如何回答问题。提供这种额外的背景将显着提高其长期教育价值。请edit您的答案添加解释，包括适用的限制和假设。

【解决方案4】：

您没有正确提供图像的路径。

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

【讨论】：