부트 스트랩 contactForm 배경 불투명도

Question

부트 스트랩에서 작성한 문의 양식이 있습니다.

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

:

background-color: #f5f5f5; 

나는 그것을 수정 : 나는 요소를 검사 할 때 나는이 수업에서

가, 배경 색상은 다음과 같이 설정되어 꼈어요 그럼이 클래스에서 CSS 속성을 소요 참조

이것은 작동합니다. 그런 다음 불투명도를 추가하고 싶습니다.

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

배경이 완전히 투명 해집니다.

하지만 불투명도를 0.7로 설정하면 전체 연락처 양식이 반투명합니다. ContactForm 배경이 반투명으로 만 표시되게하려면 어떻게해야합니까? 여기

는 것은 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);