 [CSS][HTML]Przezroczysty div na calej wysokosci strony. |
| [CSS][HTML]Przezroczysty div na calej wysokosci strony. |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 164 Pomógł: 21 Dołączył: 21.08.2009 Ostrzeżenie: (0%) 
 |
Chodzi o to, ze chce przykryc cala zawartosc strony divem (polprzezroczystym), w ktorym mam zamiar umiescic panel logowania.
Stosuje taki kod (w uproszczeniu) Kod <div id="tresc strony" style="z-index: 1; width:100%; height:100%; background-color:#ffffff; text-align:center;"> ...jakas tresc strony... </div> <div id="zaslona_logowanie" style="z-index 2; position: absolute; left: 0px; top:0px; background-color:black; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width:100%; height:100%;"> ...panel logowania... </div> Niby wszystko ok, ale gdy tresc strony jest dluzsza (wyzsza) od wysokosci okna przegladarki, to przykryta zostaje tylko czesc strony, a gdy scrollbarem zjade nizej, to strona juz wyglada normalnie. Wiem ze jest taka mozliwosc, bo widuje to na innych stronach, ale pomimo setek prob, nie udaje mi sie osiagnac takiego efektu. Strona, na ktorej zawartosc zostaje calkowicie przykryta, nawet jak zjedzie sie scrollem na sam dol: KLIK, wystarczy kliknac w sugestie, ktore znajduja sie po prawej stronie (z boku), a strona calkowicie zostaje przyciemniona. Zna ktos rozwiazanie? Ten post edytował cros 19.04.2010, 16:13:38 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 164 Pomógł: 21 Dołączył: 21.08.2009 Ostrzeżenie: (0%)
|
Cytat(krzysztof_kf @ 20.04.2010, 19:24:24 )  A może byś wrzucił dokumentację odpowiednią bo to też dużo daję (IMG:style_emoticons/default/biggrin.gif) Patrzylem tysiac razy i tego nie zobaczylem Kod <meta http-equiv="X-UA-Compatible" content="IE=5"> Przez ta linijke wszystko sie sypalo w IE8, bez tego smiga. Cytat(ziqzaq) A próbowałeś tego co napisałem o overflow? //Edit: Jak chcesz to szybko przetestować to otwórz sobie demo z tej stronki i w Firebugu wyedytuj styl overflow body tak jak napisałem wcześniej. po usunieciu tej linijki, o ktorej napisalem wyzej, wszystko smiga jak nalezy. Dzieki chlopaki za pomoc (IMG:style_emoticons/default/biggrin.gif) 2 dni i mnostwo nerw straconych przez bezmyslne kopiowanie naglowkow (IMG:style_emoticons/default/sad.gif) EDIT: Jednak problem stanowi cos innego, otoz po wpisaniu tego Kod <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Nie dziala position:fixed w IE8, ale za to dziala Kod <a href='java script:funkcja();">KLIK</a> Ale jesli dam Kod <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> to Fixed dziala w IE8, ale za to nie dziala odwolanie do funkcji javascript w FF. Normalnie mam juz odsyc (IMG:style_emoticons/default/smile.gif) Ten post edytował cros 21.04.2010, 14:43:00 |
|
|
|
cros [CSS][HTML]Przezroczysty div na calej wysokosci strony. 19.04.2010, 16:10:56 
Szeszek1992 zastosuj position:fixed 19.04.2010, 16:37:11 
cros Niestety "position:fixed;" nie dziala w ... 20.04.2010, 16:06:39 zegarek84 Cytat(cros @ 20.04.2010, 17:06:39 ) N... 20.04.2010, 19:34:08 krzysztof_kf Z tego co wiem to są problemy z position w ie den... 20.04.2010, 17:05:10 cros Dokladnie, juz kombinuje na rozne sposoby, raz z o... 20.04.2010, 17:43:57 ziqzaq "Półprzezroczyste warstwy overlay i okienka d... 20.04.2010, 17:55:08 krzysztof_kf A wspierasz jeszcze ie 6 ? jak nie to zamiast posi... 20.04.2010, 17:58:29 cros Cytat(krzysztof_kf @ 20.04.2010, 18:58... 20.04.2010, 18:21:43 krzysztof_kf A może byś wrzucił dokumentację odpowiednią bo to ... 20.04.2010, 18:24:24 cros Cytat(ziqzaq @ 20.04.2010, 18:55:08 )... 20.04.2010, 18:33:33 krzysztof_kf Faktycznie patrzyłem po przez ie-tester 20.04.2010, 18:38:15 ziqzaq CytatTo powoduje, ze gdy wyswietli mi sie ta warst... 20.04.2010, 19:49:25  |
|
Aktualny czas: 10.10.2025 - 21:23 |
