Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] przyciemnianie zawartości strony
lok
post 6.12.2009, 00:26:37
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 21.10.2009

Ostrzeżenie: (0%)
-----


jak zrobić efekt przyciemniania okna (zawartości strony) taki jak przy otwieraniu fotek na wielu stronach jest (podglad pojawia sie nad strona a na tlo jest nakładany taki ciemny przydymiony filtr


Pzdr.


--------------------
http://cannons.pl dynamiczna i wciągająca gra online
Go to the top of the page
+Quote Post
wookieb
post 6.12.2009, 00:32:51
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Jest to dynamiczne nałożenie na całą stronę diva z półprzezroczystym tłem (opacity + background-color).
  1. #przycmienie
  2. {
  3. position: absolute;
  4. width: 100%;
  5. height: 100%;
  6. opacity: 0.8;
  7. /* dla ie jest inaczej. Jak? Poszukaj :) */
  8. background-color: #000000;
  9. top: 0;
  10. left: 0;
  11. z-index: 1000;
  12. }


Mniej więcej tak jak powyżej
Dla lepszego działania powinieneś wysokość i szerokość nadpisywać javascriptem na całą wielkość okna przeglądarki

Ten post edytował wookieb 6.12.2009, 00:36:52


--------------------
Go to the top of the page
+Quote Post
lok
post 26.12.2009, 20:25:06
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 21.10.2009

Ostrzeżenie: (0%)
-----


no to jeszcze pytanie: jak "nałożyć" diva na całą stronę?


--------------------
http://cannons.pl dynamiczna i wciągająca gra online
Go to the top of the page
+Quote Post
vokiel
post 26.12.2009, 20:36:11
Post #4





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


Dodać go do najwyższego węzła dokumentu, np. tuż za <body>.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 21.07.2025 - 02:06