[CSS][HTML]Przezroczysty div na calej wysokosci strony. Opcje

[cros]

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

[ziqzaq]

To powoduje, ze gdy wyswietli mi sie ta warstwa przykrywajaca tresc strony, to wtedy nie moge korzystac z przewijania, wszystko wraca do normy (mozna przewijac), gdy "przykrycie" zostanie wylaczone - nie wiem czy o to ci chodzilo, ale ten efekt jest nawet fajny, narazie z niego skorzystam, dokpoki nie wykombinuje czegos innego.

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.

Ten post edytował ziqzaq 20.04.2010, 19:51:39