Efecto traspariencia

isabelramirezmontoya · #1 (**permalink**) 13/10/2012, 16:40

Chicos quiero ponerle un efecto a mi pagina pero no se como hacerlo, me ayudan por favor, lo he visto en varias paginas pero no logro saber como se hace

Tengo un pagina con un boton el cual al ser presionado abre una capa sobre la pagina principal, esto funciona muy bien.

Yo quiero que cuando se oprima el boton, la pagina principal tenga efecto traspariencia y la capa se abra en primer plano de forma normal sin ningun efecto. (Similar al efecto que tienen las ventanas ALERT() de javascript)

Código HTML:

Ver original<html>
 
<head>
 
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
 
<title>Formulario</title>
 
</head>
 
<body>
 
<script language="JavaScript">
 
function abrir_capa()
{
var ventana = document.getElementById('capa');
ventana.style.marginTop = "40px";
ventana.style.marginLeft = ((document.body.clientWidth-540) / 2) +  "px";
ventana.style.display = 'block';
}
</script>
 
<a href="javascript:abrir_capa();">Abrir Capa</a>
 
<div id="capa">
 
</div> 
 
</body>
</html>

Gracias

furoya · #2 (**permalink**) 13/10/2012, 19:52

Ya se habló de eso.

Supongo que no tendrás problemas en poner una capa del tamaño de la ventana del documento. O de todo el documento, si no tenés ganas de posicionarla.

Fondo transparente elementos a full color