Question

我很难在我的RAILS 4.2.4项目中尝试将背景网址图像仅限于我的home.html.erb。

是否应该导入？

A）bootstrap_and_customization.css.scss

B）pages.scss

C）application.css

这是我的代码。

body {
background: url('../images/japan.png');
}

Answer 1

您可以做的是为主页加载特定的样式表

有很多方法可以做到这一点，我会在application.html.erb的<head>内找到这样的一个块

<%= yield :head %>

在你顶部的home.html.erb中最好放一个这样的块：

<%= content_for :head do %>
  <%= stylesheet_link_tag "home" %>
<% end %>

这将在您插入yield :head

的位置插入块的内容

这样，样式表只包含在主页上。

现在，对于图像，在home.css.scss中添加你身体的css：

body {
  background: image-url('japan.png');
}

image-url方法是一种辅助方法，它与资产管道密切配合。在开发中，它将使用app/assets/images/japan.png插入路径，并且在生产时使用已编译的资产，它将插入japan.png图像的已编译资产路径