个人中心
gpt4 book ai didi

css - 如何让我的背景图片只出现在 rails 4 的一页上？

转载 作者：数据小太阳 更新时间：2023-10-29 07:00:36 26 4
gpt4 key购买 nike

我有一张背景图片，我无法只停留在一页上。我制作了一个带有一个主视图的欢迎 Controller 来显示它。我也在预编译我的 Assets 。背景显示得很好，但我的目标是只在我的 home.html.erb View 中显示背景图像。

欢迎/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>

欢迎 Controller :

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">

你一定想知道，即使你没有包含特定的文件，为什么它会应用到所有地方。这是因为您必须在 application.css

中指定了 require_tree .

关于css - 如何让我的背景图片只出现在 rails 4 的一页上？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25689898/

26 4 0
文章推荐： ruby - 为什么带有 splat 参数的 Ruby 过程/ block 的行为与方法和 lambda 不同？
文章推荐： ruby-on-rails - 如何判断缓存是否正常工作。 rails 4
文章推荐： ruby-on-rails - Geocoding API 的响应不是有效的 JSON。和 request.location = nil
文章推荐： ruby-on-rails - 如何使用私有(private)提交隐藏提要？
数据小太阳
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com