div tipo popup con css...¿alguien sabe como?

[fernandosg]

Saludos.
En si ya se como hacer una capa que se quede en la posicion a pesar de que se mueva la pagina hacia abajo, pero aun asi, no acomodarla al centro y que atras de la capa se vea un color negro( mas o menos lo que quiero hacer es como lo tiene esta pagina : http://justjared.buzznet.com/ , al cargar la pagina se imprime la capa de una publicidad).

Gracias de antemano al que me ayude en esto.


Saludos

[daPhyre]

Este es uno de mis favoritos, te dejo el enlace y ve el código fuente: http://source.daphyre.net/web-tips/div-pop-up.html

La capa color negro, es un div vacío antes del pop-up, el cual tiene altura y anchura 100%, fondo negro, y con frecuencia, un opacity menor de 1 en decimales.

Espero te sirva, suerte.

[fernandosg]

Muchas gracias el link me ha servido de mucho,y una de las cosas que queria saber era como centrar la div, y lo he logrado, pero aun no encuentro la manera de poner el fondo negro anterior
La div central ya se visualiza, pero la div de fondo no:

Esto es el estilo de las 2 capas

<style type="text/css">
#pop{
border:#000 solid 1px;
background:#cff;
width:200px;
height:200px;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
position:fixed;
}
</style>
<style type="text/css">
#popfondo{
width:100%;
height:100%;
background-color:#000000;
position:static;
}
</style>

Y las divs estan asi:

<div id="popfondo"><div id="pop">
<p><a href="javascript:close()">[X]</a></p>
<p>¡Fijo en el centro!</p>
</div></div>

Tambien he puesto la div de fondo ( la cual nombre popfondo ), antes de la div pop:

<div id="popfondo"></div>
<div id="pop">
<p><a href="javascript:close()">[X]</a></p>
<p>¡Fijo en el centro!</p>
</div>

Pero aun asi no se visualiza la capa de fondo negro, solo la div pop.

De antemano te agradesco el enlace el cual me ha servido, gracias.


Saludos

[daPhyre]

Bueno, para empezar, debe ser fixed la posición del div.

De igual forma, descubrí que si tiene su par de secretos, por lo que decidí hacerlo de paso. Aquí te dejo el link: http://source.daphyre.net/web-tips/d...ndo-negro.html

Espero te sirva. Suerte

[fernandosg]

Muchas gracias por la ayuda, estabas en la razon, xD, me falto poner la posicion fixed :S
Muchas gracias por ayudarme.

Saludos