當身體標記中使用背景圖像時，無法將背景顏色應用於登錄框

在我的登錄頁面上，我將背景圖像附加到身體標記。在這張圖片的頂部，我有一個登錄框。但不知何故，我無法通過類「bground_box」獲得登錄框的背景顏色，我已應用於div標籤，如下所示。當身體標記中使用背景圖像時，無法將背景顏色應用於登錄框

這是我的css/html代碼。

<style type="text/css"> 
    .bground { background: url(images/bg-turquoise-waves.jpg) no-repeat center center fixed; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;} 
    .bground_box { background-color:#25A8AF border: 3px solid white; border-radius: 25px; } 
    .turqousie_text { color:#75F8FF;} 
    .pgheight { height:100%; min-height:100%; } 

</style> 

<body class="bground"> 

<div class="container"> 
    <div class="row"> 

    <!-- Login Box --> 
    <div class="col-md-6 col-md-offset-3 bground_box"> 
    <h2 class="text-center turqousie_text"><strong>App Login</strong></h2><br/> 
    <div class="col-md-6 col-md-offset-3"> 
    <form action="login.php" method="POST" autocomplete="off" > 
      <div class="form-group"><label for="uname"><span><i class="glyphicon glyphicon-user"></i></span> UserName</label> 
       <input type="text" class="form-control" id="uname" name="uname" placeholder="Enter Your UserName"> 
      </div> 
      <div class="form-group"><label for="upwd"><span><i class="glyphicon glyphicon-lock"></i></span> UserPassword</label> 
       <input type="password" class="form-control" id="upwd" name="upwd" placeholder="Enter Your Password"> 
      </div> 
      <button type="submit" name="login_button" class="btn btn-primary btn-block">Login</button>    
    </form> 
    </div> 
    </div> 
    <!-- end login box --> 

</div> <!-- end div row --> 
</div> <!-- end div container --> 
</body>

注 - 固體白色邊框很好的周圍出現登錄框。該部分起作用。只是無法獲得在登錄框中

來源

2017-07-02 MarcoZen

注 - 純白色邊框在登錄框周圍顯示得很好。該部分起作用。只需在登錄框中輸入背景顏色即可。 – MarcoZen

背景顏色是問題存在的，因爲你必須使用解決了背景顏色的十六進制值

來源

2017-07-02 17:43:08

哎呀 - 錯字修正..... – MarcoZen

通過使用！重要的.bground_box背景顏色解決。謝謝。 – MarcoZen

前2＃標籤！在.bground_box背景色很重要。這允許覆蓋圖像背景。謝謝。

來源

2017-07-03 20:01:13 MarcoZen

當身體標記中使用背景圖像時，無法將背景顏色應用於登錄框

回答

相關問題