Foros del Web » Creando para Internet » CSS »

Mensaje con capa con opacidad

Estas en el tema de Mensaje con capa con opacidad en el foro de CSS en Foros del Web. Saludos: Estoy haciendo una aplicación con PHP y AJAX, bueno la cosa es que quiero que algunos mensajes aparezcan asi como lo que hace ligthbox, ...
  #1 (permalink)  
Antiguo 24/04/2008, 09:20
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 967
Antigüedad: 20 años, 11 meses
Puntos: 8
Mensaje con capa con opacidad

Saludos:

Estoy haciendo una aplicación con PHP y AJAX, bueno la cosa es que quiero que algunos mensajes aparezcan asi como lo que hace ligthbox, se superpone ante toda la pagina una capa con un fondo con opacidad y ahi se pone lo que uno quiere, espero que entiendan a que me refiero.

Aqui el CSS:
Código PHP:
htmlbody {
    
margin0px;
    
height100%;
}

div#Transparencia {
    
positionabsolute;
    
width100%;
    
height100%;
    
background-color#000000;
    
filteralpha(opacity=50);
    
opacity.5;
    -
moz-opacity0.5;
}

div#Page {
    
z-index: -1;

Aqui el HTML:
Código PHP:
<html>
<
head>
<
link href "css/secre.css" type "text/css" rel="stylesheet" />
</
head>
<
body>
<
div id "Transparencia">
</
div>
<
div id "Page">Hola como estan todosdesde aqui empiezo a trabajar con CSS y con AJAX</div>
</
body>
</
html
En este ultimo quiero ver si es que funciona, la cosa es que si al contenido de Page le pongo el colo de la letra en blanco (colo: #FFFFFF) la letra no se ve y si pongo en el html,body la alineacion a center el fondo se pone desde la mitad de la pagina hacia la derecha.
__________________
El aprendiz.
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 18:20.