Překrývání divu

Dobrý den mám problém, mám div pozadireg, který má nastavenou průhlednost. V něm mám další div registace a potřebuju aby nebyl průhledný. Prostě klasika asi znáte když vyskočí okno s registrací tak svítí jenom to okno registace a ostatní se zatmaví.. Děkuju

<div id="pozadireg">
<div id="registrace">
<img src="image/logo.jpg" alt="logo.jpg" width="35%" style="margin-left:100px; margin-top:10px;"><br>
<hr>
<h3>Registrace:</h3>
<label>Login:</label><input type="text" name="login"><br>
<label>Heslo:</label><input type="text" name="heslo"><br>
<label>E-mail:</label><input type="text" name="email"><br>
<label>Jméno:</label><input type="text" name="jmeno"><br>
<label>Příjmení:</label><input type="text" name="prijmeni"><br>
<input type="submit" value="Odeslat"><br>
<input type="button" name="zpet" value="Zpět" onclick="regzpet()">
</div>
</div>