Html 引导div或容器覆盖的背景图像

Html 引导div或容器覆盖的背景图像,html,css,twitter-bootstrap,background-image,Html,Css,Twitter Bootstrap,Background Image,我有一个问题,即我的页面样式使用bootstrap div容器作为登录表单和顶部徽标,但这部分覆盖或空白了使用CSS样式的预期背景图像 html{ background: url("Bg1.jpg")no-repeat center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin

我有一个问题,即我的页面样式使用bootstrap div容器作为登录表单和顶部徽标,但这部分覆盖或空白了使用CSS样式的预期背景图像

html{
  background: url("Bg1.jpg")no-repeat center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  margin:0;
}
我的两个容器在顶部放置一个徽标,在中间放置登录表单

<div class="container"><!--top portion-->
  <div class="row"> <!--logo portion-->
<div class="col-sm-3 col-xs-12">
  <a href="#"><img class="image-responsive img-rounded" alt="B-Flight" src="Logo1.png" id="banner" /></a>
</div>
<div class="col-sm-3 col-xs-0"></div>
<div class="col-sm-3 col-xs-0"></div>
<div class="col-sm-3 col-xs-0"></div>
</div><!--row-->

  <div class="container">
  <div class="row">
<div class="col-xs-12 col-sm-4"></div><!--left column of whole page-->
<div class = "col-xs-12 col-sm-4">
<title>Login</title>
  <form class="form-signin">
    <h2 class="form-signin-heading align-center">Sign In</h2>
    <label for="usrName" class="Titlefont">User Name</label>
    <input type="text" id="usrName" class="form-control" placeholder="user name" required autofocus><br>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="remember-me"> Remember me
      </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
    <br>
    <a href="signup.html"><button class="btn btn-link btn-block" type="button">Not registered? Sign up now</button></a>
  </form>
</div><!--set alignment-->
<div class="col-xs-12 col-sm-4"></div><!--right column of the page-->
</div><!--row-->
</div> <!-- /container -->

登录
登录
用户名

暗语 记得我吗 登录
还有它的照片

如果有人能帮忙,我将不胜感激


谢谢

默认情况下,
body
的背景色设置为白色。 因此,当您为
html
设置样式时,
正文
不是针对性的,仍然是白色的。 相反,您可能希望尝试使用

html, body {
    /* Your CSS goes here */
}

这应该可以解决您的问题。

您可能需要添加
background:none添加到覆盖预期背景的元素。Firebug(firefox)对查找元素有很好的帮助。从您展示的内容来看,很难说,因为CSS缺少导致这种情况的元素
到CSS中的
.container{…}
类。然而,它似乎仍然不能解决这个问题。但我非常感谢您花时间回答并提供答案:)这似乎是一个引导默认设置,将主体背景设置为白色。只是想补充一点。