![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 71 Pomógł: 1 Dołączył: 21.01.2013 Ostrzeżenie: (0%) ![]() ![]() |
Chciałbym zrobić przyciemnienie strony podczas wyświetlania np. okienka logowania na środku ekranu. W tym celu postanowiłem stworzyć półprzeźroczystego DIVa:
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> 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ść. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 21.08.2025 - 22:59 |