Miren, como no tengo claro el uso de javascript, escribí un "interruptor" en php que muestra y oculta capas.  Me gustaría lo revisen, porque a veces la capa queda relegada detras de elementos que deberían quedar de fondo cuando la capa aparece.  Esto, en el caso de que la capa aparezca encima de un formulario, por ejemplo (el formulario esta en el cuerpo principal, no en capas).  Ahí se hace un enchastre, y eso que tengo definidos los z-index con numeros diferentes.


En index. php, tengo esto que activa un formulario de consultas, y varios otros botones para varias otras cosas, pero con un ejemplo basta:
<form method="post" action="?mostrar2=visible">
<input type="submit" name="botonConsulta" value="    " > <small> Contacto </small>
</form>


En los archivos de capas, metidos en body con includes, tengo el formulario de registro, el formulario de sesión, y algún mensaje emergente de gracias, y cosas por el estilo.  Así:

<div id="capa1" style="position:absolute">  
. . .  contenido .  Por ejemplo, formulario de inicio de sesión . . .
<a class="visitado_blanco" href="index. php?ocultar1=hidden"><small>  Cancelar</small></a>
</div>


Y en un archivo que sumo al encabezado de index. php, o sea a <style></style>, mediante include(), enumero las capas.  Va una de ejemplo.

archivo EstiloCapas. php (fragmento)
#capa2
{
border: 10px solid;
    
     position: absolute; /* Posicionamiento absoluto */
     top: 15%; /* Desde arriba, colocar al 50% de la pantall a*/
     left: 35%; /* Desde la izquierda, colocar al 50% de la pantalla */
     height: 400px; /* Alto */
     width: 300px; /* Ancho */
    padding: 5px;
     background-color: #0099ff; /* Color */
 
 <?php
 /* Capa de consultas*/
 if (isset($_GET['mostrar2']))
{echo '
visibility:visible;
display: block;
 
';
}

elseif (isset($_GET['ocultar2']))
{echo '
visibility:hidden;
display: block;
 z-index:2;
';
}

else
{echo '
visibility:hidden;
display: block;
 z-index:2
 ';
 
 }
?>
}