Div flutuante com fundo escuro

[RBCastro]

Boa tarde.

Alguém me ajuda, to com uma baita dúvida em fazer o banner flutuante com a página escurecida.

Assim que abre a página, já aparece o Banner Flutuante (DIV), gostaria que a página ficasse escura, só mostrando a DIV, e quando clicar no FECHAR do banner a página voltasse ao normal.

[DiF]

Pesquise sobre Modal em jquery. o melhor é o modal do maujor. é bem simples.

abraço

[RBCastro]

Cara, ta meio difícil da forma que eu quero.

Eu já tenho uma DIV que abre logo quando a página carrega (não igual ao do Maujor que você tem que clicar no link para abrir o Modal)

Segue DIV e STYLE:

STYLE:

<style type="text/css">

#apDiv1 {
	position:absolute;
	left:50%; 
	top:50%;
	margin:-191px 0 0 -255px;
}
</style>

DIV:

<div id="apDiv1">
<table width="100" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="right"><a href="#" onClick="document.all.apDiv1.style.display='none'"><img src="Img/Fx/comunicado importante-v01.jpg" width="510" height="382" border="0" usemap="#MapMapMapMapMap"></a>
<map name="MapMapMapMapMap" id="MapMapMapMapMap">
<area shape="rect" coords="442,351,508,380" href="#" alt="Fechar" onClick="MM_showHideLayers('apDiv1','','hide')">
</map>
</div>
</td>
</tr>
</table>
</div>

Queria que essa DIV (#apDiv1) ficasse exposta com o fundo (página toda) escuro.

[DiF]

entãpo meu amigo, eu não disse para usar especificamente do jeito que o maujor colocou no exemplo. podes definir para que essa div abra no meio da tela e escureça o resto.

é um simples evento em jquery.