Autor Zpráva
čč
Profil *
Zdravíčko, zajímalo by mě jak v css, nebo html udělat takový ten efekt že na něco na stránce kliknu, vyskočí mi div uprostřed stránky a vše kolem toho divu se ztmaví.. určitě víte co myslím. Všechno to co sem popsal sem bez problémů udělal, až tu část se ztmavením pozadí za divem, jak na to? Nějaký roztáhlý průhledný gif, nebo něco? Nejlépe nějaké jednoduché řešení v css, na internetu sem našel jen různé rozlehlé javascriptové zrůdnosti na půl knížky :)
Koukal sem že by to možná mohlo jít přes nějaký div který bych roztáhl na celou obrazovku s černým pozadím a nastavil mu filtrem průhlednost, ale bojím se že to bude fungovat jen v jednou, dvou prohlížečích.

Jaké je tedy ideální řešení?

díky
DJ Miky
Profil
Koukal sem že by to možná mohlo jít přes nějaký div který bych roztáhl na celou obrazovku s černým pozadím a nastavil mu filtrem průhlednost, ale bojím se že to bude fungovat jen v jednou, dvou prohlížečích.

Tak se to dělá, popřípadě je možno nastavit jako pozadí průsvitný černý PNG obrázek (je potřeba v grafickém editoru nastavit určitou průsvitnost).

Některé starší prohlížeče to podporovat nebudou, ale jejich uživatelé si na ztrátu některých vlastností holt musí zvyknout... Místo toho by viděli jen plně černé pozadí.
Chamurappi
Profil
Reaguji na DJ Mikyho:
jejich uživatelé si na ztrátu některých vlastností holt musí zvyknout
Proč musí? Ve všech rozšířených prohlížečích vydaných během tohoto tisíciletí jde dosáhnout průsvitnosti PNG obrázků.
DJ Miky
Profil
Netvrdím opak, jenom říkám, že to nebude fungovat ve všech starších verzích. Uživatelů používajících archaické verze je sice málo, ale pořád jsou...
čč
Profil *
Na Frantovi a Pepovi jakožto jediným uživatelům IE 3 v čr mi nesejde, chci mít ale jistotu, že v prohlížečích IE6 a větších, plus nejnovější verze klasik typu Opera, Firefox, to bude zaručeně fungovat. Pokud se zaměřuji hlavně na tuto část, co bude lepší filtr, nebo png?
čč
Profil *
Tohle by mělo fungovat ale nefunguje , proč tomu tak je? Ten bla bla div by měl překrývat ten div s černým pozadím, místo toho černý div překrývá bla bla div...
<DIV id="pop">
    <div style="z-index: 12">
        <DIV style="background-color: #DDDDAE; font-weight: Bold; text-align: center;">blablabla</div>
    </div>
    <div style="background-color: #000000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; opacity: 0.8; filter: alpha(opacity=80);"> </div>
</DIV>


díky
čč
Profil *
Tak už nic. Vyřešeno, problém byl v tom že pozicovanej element se vždycky zobrazuje nahoře, tak sem ten druhej div taky musel nastavit jako pozicovanej a už to jede... že sem radši nešel na pekaře..

Můžete smazat.
Chamurappi
Profil
Reaguji na čč:
Pozor na to, že „position: fixed“ nefunguje v šestce.

Můžete smazat.
To by bylo hloupé.
čč
Profil *
A co style="position: absolute; position: fixed" to v 6ce půjde? Akorát teda s tím rozdílem že při scrollování nebude zbytek stránky zatmavený
Chamurappi
Profil
Reaguji na čč:
Ne. Šestka totiž zná position: fixed, akorát ho nefixuje. Půjde style="position: fixed; _position: absolute".
Návštěvník
Profil *
Nepostnete sem někdo takovouhle stránku ? Jsem celkem zvědavý jak yb takový efekt vypadal...
panther
Profil
Návštěvník:
Nepostnete sem někdo takovouhle stránku ?
jakou stránku?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: