capa negra semitransparente que cubra todo?

[chefnelone]

hola estoy tratando de hacer lo que llaman un Lightbox

Necesito hacer una capa negra semitransparente que cubre todo la pagina

he probado con:

.div_mensaje{
height: 100%;
width: 100%;
background-color: black;
left: 0px;
top: 0px;
position: absolute;
z-index:100;
}

Pero no me cubre toda la pagina.

alguna idea

[chefnelone]

lo he solucionado pero ahora no puedo hacer que IE6 lea la transparencia
He puesto estas tres lineas para cada uno de los exploradores . todos bien EXCEPTO ie6 (EN EL IE7 VA BIEN)

opacity: 0.2;
-moz-opacity: 0.2;
filter: alpha(opacity=20);

alguna idea

[demux]

Mira algunas veces he querido hacer transparencias y en algunos IE no funcionan. Dependerá de su versión. Bajate la ultima creo que es la 7.

De todos modos, no sé si será lo correcto pero cuando quiero hacer una transparencia directamente creo un cuadradito 1px X 1px en formato PNG. Y luego que se repita en el navegador.

[furoya]

Hola chefnelone, demux :

El código CSS para la opacidad está bien, no se me ocurre qué problema puedas tener. Habrá que verlo completo.

La idea de la imagen también funciona. El problema del *.png con canal alfa es que no se ve en versiones anteriores a IE7, así que no es una buena sugerencia. Y la de bajarse un IE7 tampoco; porque ya lo tiene, y porque seguramente el documento es para poner en la web y no para verlo sólo él en su casa.

No sé cómo resolviste lo del tamaño; hay una interpretación diferente de "100%" entre los navegadores. Tampoco sé para qué lo usas, porque en general el efecto se pide para deshabilitar (aunque sea en formato) el documento. Quiero decir, que hay botón o algo así para taparlo.

Aquí dejo un ejemplo que toma las medidas con JS. Lo actualicé recién, porque seguimos con el problema de las versiones y vi que en IE6 y FF2 el primero no andaba muy bien.

Desvanecer colores #15 / 16

Función "opacity"

Si hay otra forma de hacerlo -y especialmente con CSS-, nos la pueden contar.