Hauteur CSS 100% de la hauteur de la page?

Question

J'essaie de faire un tout lightbox CSS tel que celui sur cette page CSS Lightbox

mais lorsque la page est scrollable faire à la hauteur de celui-ci, et l'utilisateur fait défiler vers le bas, le fondu arrête, est il y a un moyen d'empêcher cela d'arriver? Ainsi, le fondu couvre toute la page, peu importe si elles défilent ou non ..

THanks,

Answer 1

changement

.black_overlay { 
display: none; 
position: absolute; 

à

.black_overlay { 
display: none; 
position: fixed; 

Answer 2

Je prends habituellement la hauteur et la largeur du corps de la page d'origine et régler la hauteur/largeur du fondu à ces dimensions à l'aide Javascript avant de l'ajouter à la page. Cherchez-vous une option CSS seulement ou seriez-vous prêt à utiliser un peu de JS?