Hola amigo como andan ?¿

Verán,estoy programando un registro para una web,el caso es que para acceder al registro debes pulsar en un hipervinculo cuyo nombre es "Registrarse",necesito crear un efecto que llevan muchas web hoy en dia y se trata de que cuando el usuario pinche en el enlace de registro,se ponga la web oscura y se vea una capa con el formulario en el centro entienden?¿ es como si la web se bloqueara y saliera una ventana al frente de todo con el registro,llevo una idea en mento (Frameworks no gracias)la idea es la siguiente:

var Ancho_Documento = window.document.body.clientWidth;
var Alto_Documento = window.document.body.clientHeight;
 
document.innerHTML = '<div id="Capa" style="width: '+Ancho_Documento+'; height: '+Alto_Documento+'; background-color: black;">
 

E echo el codigo a ojo,pero imagino que eso deberia crear una capa momentaniamente tan grande como es el documento de color negra,osea que taparia toda la web,despues le aplicaria efectos de alpha para que parezca que la web esta bloqueada para que asin salga la ventana de registro pro delante de todo (dicha ventana estaria dentor de esta capa) pero como la pongo dentro?¿ i comoago el formulario?¿ deberia programarla en HTML i no en java por que si no no veo como queda no?¿ además si aplico efectos alpha al div que bloquea el resto de la web el div que va dentro de este que bloquea (el del registro) este cojera el efecto alpha tambien no?¿ yo solo quiero sabr como ago para poner el div de registro dentro del div que bloquea la web que s este que he puesto en JS,y como evito el alpha en el DIV que esta dentro del DIV que bloquea.


saludos

Vaya me equivoque con el CODE,esta mal,era asin:

<script lenguage="javascript">
 
window.onload = function()
{
 
var Ancho_Documento = window.document.body.clientWidth;
var Alto_Documento = window.document.body.clientHeight;
 
fi = document.getElementById('divcontenidojugadores'); 
 
contenedor = document.createElement('div');
contenedor.style.width = parseInt(Ancho_Documento)+'px'; 
contenedor.style.height = parseInt(Alto_Documento)+'px'; 
contenedor.style.backgroundColor = "black"; 
fi.appendChild(contenedor);
}
 
</script>
 

eso para crear la capa,pero no me la crea,por que?¿ deberia crearme una capa tan grande como el cuerpo no?¿

el alpha se hereda, una solucion es que el contenido no sea hijo del que tiene transparencia, otra es usar rgba como color de fondo del div padre.

no hace falta bloquear nada, es mas simple que eso.

body
    elemento
        hijo
        hijo
        hijo
    elemento -> este elemento se mostrara por encima de todos los demas, si usas alpha dara efecto que los demas estan bloqueados ya que los clicks los daras sobre esta capa siempre que ocupe el 100% tanto de alto como ancho.