引導的div或容器覆蓋的背景圖像

我有這個問題，因此我與在形式和頂部的標誌符號引導的div容器頁面樣式，這部分然而覆蓋或空白了我的預期背景圖片使用CSS引導的div或容器覆蓋的背景圖像

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; 
}

風格

和我的2個集裝箱，我在上面放置一個標誌和符號形式在中間

<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 -->

而且有它的照片screen shot

很感激，如果有人能夠幫忙

感謝

來源

2016-10-08 Byron Wong

您可能需要將「background：none;」的屬性添加到覆蓋您預期背景的元素。 Firebug（firefox）是尋找元素的好幫手。從你展示的內容來看，很難說，因爲CSS缺少導致這個問題的元素。 – Daniel

我剛剛嘗試在CSS中的'.container {...}類中添加'background：none;'。但它似乎仍不能解決問題。但我很欣賞你的時間回答並提供答案:) –

默認的body背景顏色設置爲白色。所以，當你的風格htmlbody不是目標，仍然是白色。你可能不想嘗試使用

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

這應該可以解決你的問題。

來源

2016-10-08 15:42:27

謝謝你！它已被解決 –

這似乎是一個引導程序默認情況下，身體背景爲白色。只是爲它添加一個小記錄。 – Daniel

@丹尼爾你是對的！我錯過了提及這一點。好點子。 –

引導的div或容器覆蓋的背景圖像

回答

相關問題