Hogyan lehet a háttér árnyékolása révén css

előző ◈ a következő

Ön itt van: Home - CSS - CSS alapjai - Hogyan sötétíteni a háttér CSS-en keresztül

Hogyan lehet a háttér árnyékolása révén css

Nagyon gyakran, kezdtem látni a helyszínek sötétíteni a háttérben. Nagyon gyakran ez történik a galéria, ahol kattintva a képet, akkor megnő, és a többi a kitakart. Természetesen szinte mindenhol van egy speciális plug-in JQuery. de ebben a cikkben fogom megvitatni, hogyan lehet sötétíteni a háttér CSS-en keresztül. anélkül, hogy JQuery.

Írjunk HTML-kód:






1 2


Itt hozzá egy asztal, mint a vizsgálati tartalmat takarja. Szintén TB_overlay egységet. ami a legfontosabb, hogy van, akkor sötétedni. Itt látható a CSS-kód:

#TB_overlay background-color: # 000; / * * Fekete háttér /
magasság: 100%; / * Maximum * magasság /
bal: 0; / * Zero padding balra * /
opacitás: 0,50; / * Átláthatóság * /
összesen: fix; / * Javítva pozíció * /
top: 0; / * Nulla térben felülről * /
szélesség: 100%; / * Maximális szélesség * /
z-index: 100; / * Tudatosan lehet több mint egy másik elem * /
>

Véleményem szerint ez a módszer a fényerő egy nagyon egyszerű és intuitív, azért használják gyakrabban.

Ajánlom ezt a cikket egy ismerősének:

Ha tetszett az oldal, a link meg (az oldalon, a fórum, a kapcsolatot)

Úgy néz ki, mint ez:

  • BB-kód hivatkozás az index (például akkor tedd az aláírás):

    • Jó estét, Michael. Másoltam a kódot, de már csak egy asztal nélkül áramszünet. Miért?

    Próbáljon más böngészőkben, ha nem, akkor valami nem úgy hajlott stílusokat.

    Michael, jó napot. Kezdő vagyok és a tanulás, hogy írjon HTML oldalak. Van egy ilyen kódot, akkor valószínűleg még a termelés: tooltips

    X
    Itt, a szöveg helyét tegye a saját szöveget vagy HTML kódot.
    Kérem, mondja meg, hogyan kell integrálni árnyékoló itt, hogy ha megnyit egy modális ablak kitakart mindent, kivéve az ablakot. Kipróbált egy csomó lehetőség a kódját, de kiderült, hogy csak egy áramszünet, az ablak maga alatt tompítása

    Ez a szegény kódot, és ez nyilvánvalóan nem az én termelés. Hogyan lehet integrálni a szemétbe modális ablak - Nem tudom. Sokkal jobb, hogy újra írni. Ha nem tudja, hogyan kell írni, hogy majd tanulni a HTML. Másolás valahol furcsa, sőt görbe kód - egy haszontalan ötlet.

    takarás nem támogatja a régebbi brauzerah..tak?

    Ez így van, rájöttem, hogy az egyik elem nem tudta elrejteni az összes többi, szükséges, hogy helyezze a

    . Például, tettem egy képet, és tette opacity: 0,77; és minden úgy tűnik, hogy működik! Mivel a többi elem is csinálnak, vagy bármilyen kivétel?

    Kapcsolódó cikkek

    előző ◈ a következő