Bootstrap contactForm背景不透明

Question

我有一個我在bootstrap中創建的聯繫表。當我檢查元件我看到，它需要的CSS屬性從類。好

在這個類中，背景色被設定爲：

background-color: #f5f5f5; 

我它修改爲：

background-color: rgb(245,245,245); 

這可行。然後我想添加不透明度：

background-color: rgb(245,245,245,0.7); 

背景變得完全透明。

但是，如果我設置不透明度爲0.7，那麼整個聯繫表單是半透明的。 我如何才能讓contactForm免費爲半透明？

下面是聯繫形式HTML：

#contactForm.well { 
 
    background-color: rgb(245,245,245,0.7); 
 
}

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="col-sm-3"> 
 
    <!-- Form itself --> 
 
    <form name="sentMessage" class="well" id="contactForm" novalidate> 
 
    <legend>Formulaire de contact</legend> 
 
    <div class="control-group"> 
 
     <div class="controls"> 
 
     <input type="text" class="form-control" placeholder="Votre nom" id="name" required data-validation-required-message="Veuillez entrer votre nom" /> 
 
     <p class="help-block"></p> 
 
     </div> 
 
    </div> 
 
    <div class="control-group"> 
 
     <div class="controls"> 
 
     <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Veuillez entrer votre email" /> 
 
     </div> 
 
    </div> 
 

 
    <div class="control-group"> 
 
     <div class="controls"> 
 
     <textarea rows="10" cols="100" class="form-control" placeholder="Veuillez entrer votre message" id="message" required data-validation-required-message="Veuillez entrer votre message" minlength="5" data-validation-minlength-message="Min 5 characters" maxlength="999" 
 
     style="resize:none"></textarea> 
 
     </div> 
 
    </div> 
 

 
    <div id="success"></div> 
 
    <!-- For success/fail messages --> 
 
    <button type="submit" class="btn btn-primary pull-right">Envoyer</button> 
 
    <br /> 
 
    </form> 
 
</div>

Answer 1

您需要使用RGBA（），包括阿爾法值時，請嘗試使用

background-color: rgba(245,245,245, 0.7);