css - 背景图片在应用程序布局中不起作用，但在其他页面中起作用

我想在所有页面中以及当我简单地添加时添加背景图像

<style>
html{background-image:url(/images/background.jpg);}
</style>

到我想要的页面，它可以工作，但是当我将其放在“应用程序布局”或application.css.scss中时，它不起作用。

我正在使用Ruby on Rails，Zurb-Foundation Gem。

在我的应用程序布局中：

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
  <head>
  <title>Leqra.ma</title>
    <meta charset="utf-8" />

    <!-- Uncomment to make IE8 render like IE7 -->
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->

    <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%= content_for?(:title) ? yield(:title) : "Untitled" %></title>

    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/custom.modernizr" %>
    <%= csrf_meta_tags %>

<%= yield :head %>
  </head>
<body>
    <header>
    </header>
       <main role="main">
          <!-- before yield -->
        <%= yield %>
          <!-- after yield-->
       </main>
  <%= javascript_include_tag "application" %>
</body>
</html>

PS：我删除了scaffolds.cs.scss，我知道基础会覆盖html和主体样式。我试图在$body-bg中修改foundation_and_overrides.scss，但似乎没有成功。

================================================== ========================

更新＃1：

我似乎找到了一个临时解决方案，

html{
  background-image:url(/images/background.jpg);
}

在Scaffolds.css.scss中。

但是我仍然想知道为什么将它放在application.css.scss中时不起作用

最佳答案

尝试这个：

 html{background-image:url(/images/background.jpg) !important;}

SCSS

css - 背景图片在应用程序布局中不起作用，但在其他页面中起作用