Foros del Web » Creando para Internet » CSS »

capa negra semitransparente que cubra todo?

Estas en el tema de capa negra semitransparente que cubra todo? en el foro de CSS en Foros del Web. 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{ ...
  #1 (permalink)  
Antiguo 25/01/2008, 08:50
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
capa negra semitransparente que cubra todo?

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
  #2 (permalink)  
Antiguo 25/01/2008, 09:09
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Re: capa negra semitransparente que cubra todo?

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
  #3 (permalink)  
Antiguo 27/01/2008, 06:43
 
Fecha de Ingreso: junio-2007
Mensajes: 79
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: capa negra semitransparente que cubra todo?

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.
  #4 (permalink)  
Antiguo 07/02/2008, 13:16
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Re: capa negra semitransparente que cubra todo?

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:34.