Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Przezroczysty div na calej wysokosci strony.
cros
post
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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
cros
post
Post #2





Grupa: Zarejestrowani
Postów: 164
Pomógł: 21
Dołączył: 21.08.2009

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


Dokladnie, juz kombinuje na rozne sposoby, raz z opacity, a pozniej z polprzezroczystym png, ale zawsze przykrywa tylko ta czesc strony, ktora na poczatku jest widoczna, po zjechaniu scrollbarem nizej, juz mam normalne tlo.
position:Fixed zalatwia sprawe w FF w 100%, ale jak zwykle IE ma problemy, niestety ludzie nadal korzystaja z tego badziewia i trzeba sie pomeczyc :/

PS!
Ma ktos pod reka kod javascript, ktory dopasowuje wysokosc (albo polozenie) diva do wysokosci strony?
Probowalem wygooglac, ale nie potrafie sformulowac zapytania, wyskakuja mi rozne dziwne rzeczy, oprocz tego co potrzebuje (IMG:style_emoticons/default/biggrin.gif)
W tym przykladzie strony, ktory podalem w 1 poscie, widac ewidentnie ze sprawe zalatwili javascript, bo widac jak div sie "nadpisuje", gdy szybko przewijamy strone. Probowalem podejrzec zrodlo, zeby wyjac czego mi trzeba, ale tam to jest masakra w tym kodzie (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował cros 20.04.2010, 17:46:17
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 15.10.2025 - 08:20