Как сделать прозрачный фон, не затрагивая элементы в форме?

Question

[Антон Вертов]

Есть форма

<div class="sliderI">
center><div class="head">Оставить заявку</div></center>
<form id="contactform" name="contact" method="post" action="#">

<div class="row">
<label for="name">Ваше Имя <span class="req">*</span></label>
<input type="text" name="name" id="name" class="txt" tabindex="1" required>
</div>

<div class="row">
<label for="email">Ваш Телефон <span class="req">*</span></label>
<input type="email" name="email" id="email" class="txt" tabindex="2" required>
</div>

<div class="row">
<label for="subject">Ваш E-mail <span class="req">*</span></label>
<input type="text" name="subject" id="subject" class="txt" tabindex="3" required>
</div>

<div class="center">
<center><input type="submit" id="submitbtn" value="ОСТАВИТЬ ЗАЯВКУ"></center>
<br>
</div>
</form> 
<div>

Есть css код к этой форме:

.sliderI{
    width: 420px;
	padding: 12px;
	background: #ffffff;
       position: absolute;
	border: 2px solid #44c1b9;
	border-style: dashed;
    top: 63px;
    right: 0;
    left: auto;
}

Не могу понять как сделать, белый полупрозрачный фон, чтобы не затрагивались элементы в самой форме? они тоже прозрачными становятся, но мне необходимо, чтобы только фон был полупрозрачным.
Подскажите пожалуйста, как сделать правильно. Заранее огромное спасибо !

Answer 1

[Павел]

background-color: rgba(255, 255, 255, 0.6);