Fundo desfocado ao mostar DIV

[Márcio Brignol 0]

Olá pessoal,

 

Coloquei uma DIV para aparecer bem no meio do site quando ele é aberto, uma ideia de popup.

 

Gostaria agora de desfocar todo o resto do site quando este "PopUp" estiver aberto.

 

O Codigo está dessa forma:

 

<style>

#pop{

z-index:10;

display:open;

position:absolute;

top:50%;

left:50%;

margin-left:-300px;

margin-top:-195px;

padding:10px;

width:600px;

height:391px;

border:1px solid #d0d0d0

}

</style>

 

<div id="pop">

<a href="#" onclick="document.getElementById('pop').style.display='none';"><img src="imagens/popup.gif" width="600" height="391" /></a>

</div>

 

Grato desde já.

 

Att

[Marcos Xavier 189]

Vê se é isso aí.

 

//CSS//

<style>

#pop{

z-index:10;

display:open;

position:absolute;

top:50%;

left:50%;

margin-left:-300px;

margin-top:-195px;

padding:10px;

width:600px;

height:391px;

border:1px solid #d0d0d0;

background: #333;

/* não funfa no IE. Pesquise sobre opacidade no IE*/

opacity:0.7;

color:#ffc;

}

</style>

 

//HTML//

 

<div id="pop">

<a href="#" onclick="document.getElementById('pop').style.display='none';">

<img src="imagens/popup.gif" width="600" height="391" />Fechar</a>

 

<h1>Welcome</h1>

</div>

[Evandro Oliveira 331]

Aplique um PNG com algum efeito 'glow' como plano de fundo de uma DIV que cubra todo o conteúdo da página.