Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/05/2012, 14:22
Avatar de mdromed
mdromed
 
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 14 años, 7 meses
Puntos: 8
No consigo lograr height 100% de una capa

Os cuento:

Tengo la pagina web original:



Visualizo justo encima una capa semitransparente que ocupe toda la ventana con este css:

Código:
div#capaTransparente{
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
   z-index: 999;
}
Y queda asi:


Hasta aqui todo bien.

Lo que me pasa es que cuando muevo el scroll al fondo de la pagina veo que la capaTransparente no cubre la totalidad del contenido del body, es decir, solo tapa lo que ocupa la ventana, pero cuando bajas el scroll no.

Se ve asi: