| juandedios | 24/04/2008 09:20 |
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:
html, body {
margin: 0px;
height: 100%;
}
div#Transparencia {
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=50);
opacity: .5;
-moz-opacity: 0.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 todos, desde 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. | 