External DIV transparency

Hi all guys,
I have a page with a login that “pops up” in a div element (changing from display:none to display:block).

The external part of this popup is at present normal (no effects).
I would like to partially hide the contents [U]outside[/U] this div with a black background with a transparency set to 50%.
Could you please help me ?

There’s the div:

[CODE]<div id=”div_login_menu”>
Login Form with input fields and submit button.
</div>[/CODE]

There’s the JS:

[CODE]function hideLogin(){
document.getElementById(“div_login_menu”).style.display= ‘none’;
}

function showLogin(){
document.getElementById(“div_login_menu”).style.display= ‘block’;
}[/CODE]

and the CSS:

[CODE]#div_login_menu {
position:absolute;
background-color:#FFFFFF;
left:50%;
top:340px;
width:340px;
text-align:center;
z-index:1;
margin-left:-170px;
display:none;
}[/CODE]

Thank you in advance…
Kess

Also in #JavaScript _↴