Mostrar solo un div bloqueando el retos de la pagina

[manumaf]

Hola a todos, quiero colocar una alerta de manera que sea un div en el centro de la pagina con un mensaje y bloquee el resto de la pagina, al hacer clic en un boton "aceptar" se cierre y se vuelva a la pagina, encontre un codigo css para boloquear la pagina:

Código CSS:

div#capa1 { /* Alerta desabilitadora de pantalla */
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   background: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}
 

Pero no se como hacer para colocar una div al medio y hacer que se pueda cerrar.


Alguna idea?


Muchas gracias de antemano

[cristian_cena]

Hola manumaf.

Iniciado por manumaf

Pero no se como hacer para colocar una div al medio ...

http://www.librosweb.es/css/capitulo...ntalmente.html
http://www.librosweb.es/css/capitulo...icalmente.html
http://es.html.net/tutorials/css/lesson15.php

Iniciado por manumaf

...y hacer que se pueda cerrar.

suponiendo que tenes este marcado.

Código HTML:

<div id="alert">
    ​<a href="#" id="close">cerrar</a>
    bla bla...
​​​​​​​</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
 

podes usar un poquito de javascript.

Código Javascript:

document.getElementById('close').onclick = function (){
    document.getElementById('alert').style.display = "none";
}
 

Saludos