Kod
--CSS:
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, .5);
--STRUKTURA HTML W UPROSZCZENIU:
<body>
<div id="przyciemnienie"></div>
<div id="strona"></div>
</body>
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, .5);
--STRUKTURA HTML W UPROSZCZENIU:
<body>
<div id="przyciemnienie"></div>
<div id="strona"></div>
</body>
Height ustawiony na 100% w zupełności wystarcza dla dużych rozdzielczości, gdzie strona jest wyświetlana w całości na jednym ekranie i nie trzeba przewijać jej w dół. Problem pojawia się w np. laptopach (np. 1366x786), gdzie trzeba przewijać stronę. Wówczas DIVa rozciąga się tylko na aktualną wysokość okna przeglądarki, a nie na całą stronę.
Macie pomysł w jaki sposób to zrobić? Niestety nie mogę ustalić bezpośredniej wartości w px bo strona będzie miała zmienną wysokość.