 Rozciągnięcie elementu na wysokość całej strony |
| Rozciągnięcie elementu na wysokość całej strony |
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ść. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 91 Pomógł: 15 Dołączył: 3.03.2009 Skąd: Włocławek Ostrzeżenie: (0%)
|
to zrób position: fixed
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 50 Pomógł: 4 Dołączył: 30.04.2008 Ostrzeżenie: (0%)
|
Cytat Chciałbym zrobić przyciemnienie strony podczas wyświetlania np. okienka logowania na środku ekranu. Użyj do tego jQuery UI - funkcja dialog() Height 100% moze Ci nie działać jeśli nie masz zadeklarowanej wysokości dokumentu przed tym divem. Reszta tak jak pifarek napisał |
|
|
|
 |
|
Aktualny czas: 21.09.2025 - 06:47 |
