Estoy utilizando Z-INDEX para que las capas que contienen los enlaces Boton-1 y Boton-2 se desactiven cuando se abre la ventana al presionar el Boton-1.
Alguien me puede decir porque no se desactivan
Lo que necesito es algo similar a lo que sucede cuando se activa una alert() en javascript. En este caso todos los elementos de la pagina se desactivan/deshabilitan hasta que la ventana del alert() se cierra.
Código HTML:
Ver original
#enlace1
{
position: absolute;
top: 10px;
left: 0px;
z-index: 1;
}
#enlace2
{
position: absolute;
top: 10px;
left: 175px;
z-index: 2;
}
#ventana1
{
position: absolute;
top: 10px;
left: 350px;
z-index: 3;
}
<script type="text/javascript">
function ventana1()
{
var ventana = document.getElementById('ventana1');
ventana.style.display = 'block';
}
function cerrar()
{
var ventana = document.getElementById('ventana1');
ventana.style.display = 'none';
}
<div class="enlace-1"><a name="boton_1" id="boton-1" href="javascript:ventana1();">Boton-1
</a></div> <div class="enlace-2"><a name="boton_2" id="boton-2" href="javascript:ventana2();">Boton-2
</a></div>
<div class="ventana1" id="ventana1" style="position: fixed; width: 330px; height: 215px; border: #333333 1px solid; background-color: #FFFFFF; color: #000000; display:none;"> <div><input onclick="cerrar()" type="button" value=" Cerrar " /></div>
Gracias