css – 如何使我的背景图像仅显示在rails 4中的一个页面上?

前端之家收集整理的这篇文章主要介绍了css – 如何使我的背景图像仅显示在rails 4中的一个页面上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一张背景图片,我不能只留在一页上.我已经制作了一个带有一个主视图的欢迎控制器来显示它.我也在预编译我的资产.背景显示很好,但我的目标是在home.html.erb视图中显示背景图像.

欢迎/ home.html.erb:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= I18n.locale || 'en' %>"    

lang="<%= I18n.locale || 'en'%>">
<body class="container">
<h1>title</h1>
</body>

</html>

欢迎控制器:

class WelcomeController < ApplicationController
 def home
 end
end

样式/ welcome.css.scss:

body 
{
background: {
image: asset-url("image.jpg");
 }
}

我的应用程序布局中有以下内容

<head>
<%= stylesheet_link_tag "welcome" if controller_name == "welcome" %>
</head>

在config / initializers / assets.rb中:

Rails.application.config.assets.version = '1.0'


Rails.application.config.assets.precompile += %w( welcome.css )

解决方法

添加特定的CSS,
body.welcome 
{
  background: {
   image: asset-url("image.jpg");
 }
}

在HTML中,

<body class="container welcome">

您必须想知道即使您没有包含特定文件,那么为什么它全部适用.这是因为您必须指定require_tree.在application.css中

猜你在找的CSS相关文章