0

我正在使用带有 Bootstrap 3 (sass) 的 Rails 4。

我的项目中有以下文件：

这个css在我的framework_and_overrides.css.scss

.jumbotron {
margin-bottom: 0px;

background-image: image-url("jumbotron.jpg");
background-color: none;
background-size: cover;
background-repeat: no-repeat;

}

请注意，我看到一些帖子表明 rails 无法识别“背景图像”并应替换为“背景”，而其他帖子则表示“图像 URL”应替换为“URL”。这些都不适合我。

上面的 css 文件位于样式表树中，它通过以下方式包含在我的 application.css.scss 中：

*= require_self
*= require font-awesome
*= require_tree .
*/

我的应用程序视图中有这个。

<!DOCTYPE html>
<html>
<head>
  <title>testingthesetup</title>

  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= content_for?(:title) ? yield(:title) : "test" %></title>
    <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "t2" %>">
      <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
      <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
      <%= csrf_meta_tags %>

</head>
<body>

<%= yield %>


<div class="jumbotron">

</div>


</body>
</html>

我期待视图渲染一个包含背景图像的 jubmotron。它没有给我任何东西。我修改了框架并覆盖了 css 以测试它是否通过添加背景颜色来获取样式。那行得通。图像存在问题，我无法找到解决方案。我尝试过使用几张 jpg、gif 和 png 格式的图像。它们都不起作用。

有人对为什么不提供任何建议吗？我一直在摆弄我在框架中挑战图像路径并整天覆盖 css 的方式。我现在6小时了，没有头发了。请帮忙！

谢谢你。

4

0 回答 0