Question

所以我的页脚在每个页面上都是透明的。我不知道为什么会这样，但事实确实如此。

我想在主页上保持透明，但每隔一页都有一个白色bg。关于最佳方式的任何建议都会很棒。我尝试过使用许多不同的bootstrap方法，但它总是更改主页上的bg，并将页脚推到页面顶部？

我使用的是rails 4.2。

_footer.html.erb

<body class="footer">
  <nav class="navbar navbar-fixed-bottom">
    <div class="container-fluid">  
      <div class="collapse navbar-collapse" >
        <ul class="nav navbar-nav"></ul>
          <form class="navbar-form navbar-left">
              <ul class="nav navbar-nav navbar-left">  
                <li><%= link_to "Privacy", privacy_path  %></li>
                <li><%= link_to "Terms", terms_path %></li>
                <li><%= link_to "About", about_path %></li>
                </ul>
          </form>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
</body>

styles.css.scss（没有为页脚输入任何内容）

$navbar-default-bg: white;
$btn-default-bg: white;


@import 'bootstrap';


body {          
    color: black;
    padding-bottom: 50px;           
    }


.searchbox > div {
    text-transform: lowercase;
    margin:0 auto;
    padding-bottom: 15px;
    width:600px;
}

.hb{

a {
    color:white;
    }
.privacycolor{
        color:white;
    }
.termscolor{
        color:white;
    }
.aboutcolor{
        color:white;
    }
.logincolor {
    color:white;
}
.signupcolor {
    color:white;
}
.navbar-brand{
    color:white;
}       
    color:white;
    background-size: cover;
    background-image: asset-data-url("boom1.jpg")        
}
.innercover{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.ab {  
    .featurette-heading {
        margin-top: 150px;
        }
}
.progress{
    height: 24px;
}

.mcds {
    .well {
    background-color: white;
    }
    .jumbotron {
    color:white;
    background-size: cover;
    background-image: asset-data-url("doi.jpg") 
    }
    .row {
    margin-bottom: 25px;
    }
}

application.html.erb

<!DOCTYPE html>
<html>
        <head>
            <title> Check it out </title>
                <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
                <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
                <%= csrf_meta_tags %>

        </head>
    <body>

                <%= render 'layouts/header'%>
            <div class="container">
                <%= yield %>
            </div>
                <%= render 'layouts/footer'%>

    </body>
</html>

如果您需要任何其他页面，请告诉我。非常感谢。

页脚是透明的，不知道为什么

0 个答案: