Отключить всю страницу с наложением

Question

Я хочу создать наложение, которое я буду использовать за всплывающим окном. Но когда страница прокручивается вниз, наложения больше нет? Я могу использовать javascript, чтобы получить высоту содержимого страницы, а затем применить такую ​​же высоту к оверлею, но есть ли какое-нибудь решение на основе css?

#overlay{ 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    background-color:#000; 
    opacity: .75 
} 

Answer 1

просто изменить атрибут position к fixed.

Answer 2

position должны быть fixed, а также для предотвращения укладки проблем добавить z-index: 9999999;
demo on dabblet.com

#overlay{ 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background-color:#000; 
    opacity: .75; 
    z-index: 9999999; 
}