Question

我在Rails应用程序中有一个页面，我想要渲染一个背景图像（我称之为“glow.jpg”），并且一直在努力让它正常工作。（其他页面有一个简单的图案背景，显示正常。完成：

body {
  background-image: url("pixel_weave.png");
}

在我的application.css.scss文件中。

我已经搜遍了所有我能做的最好的事情就是让glow.jpg显示在页面的顶部（关于作为jumbotron的确切大小/位置 - 我也使用Bootstrap ，顺便说一下，图像截止的底部。我尝试了background: image-url('glow.jpg')，background-image: url('glow.jpg')和其他几个。图像路径是资产/图像。

最近我把这个主页的css（将有glow.jpg bg）分成了它自己的文件，homepages.css.scss：

html body .intro-header {
  background: url("glow.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.intro-header {

  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: white;
}

这是html.erb：

<% content_for(:title, "Concert | Home") %>

<div class="intro-header">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="intro-message">
          <h1>Welcome Home</h1>
        </div>
      </div>
    </div>
  </div>
</div>

现在，介绍标题显示，但只有h1而没有图像。

还有一点需要注意;我有一个application.html.erb文件，它在每个页面上呈现部分标题（我也想在主页上），这只是一个导航栏。我想知道它是否可能有冲突？

编辑：Rails v 4.1.5。这是一个截图。基本上，我希望那里的背景图案被另一个图像替换，填充导航栏下方的整个页面。 enter image description here

感谢您的帮助！如果我能提供更多信息，请告诉我。

Answer 1

感谢来自@mattD的提示，我能够根据答案here.让它工作。总结一下 - 在我的“主页”控制器中我现在有：

def index @homepage_class = true end

在application.html.erb中：

<body class="<%= @homepage_class ? 'homepage' : ''%>">

我在application.css.scss文件中定义了body.homepage，并将其添加到我想要背景的页面的body标签中。

如何让我的Rails应用程序背景图像正确显示？

1 个答案: