Hogyan készítsünk css áttetsző háttér
Áttetszőség web design
A közelmúltban, a helyszíni építési aktívan használják a különböző technikákat kapcsolatos átláthatóságot. Ez lehetővé teszi, hogy szép kalapot helyszínek és a különböző dekorációs elemek. Mivel a formátum PNG-24 már képes lehet beágyazni a weblapon áttetsző képeket a különböző formák.
Az első három értékeket tároljuk számértékek 0-255, ahol 255 - a legnagyobb arányban a színe. Az átláthatóság mást jelent - 0-ról 1 írásakor 0, a hatás ugyanaz lesz, mint a háttérben: átlátszó, azaz teljesen átlátszó háttérrel.
Miért van erre szükség minden
Nos, képzeljük el, hogy azonosították az egész egy háttérképet egy weblap vagy egy külön egység. Aztán, ha te vagy a szülő konténer új egység meghatározása után a színárnyalat a kép nem fogják látni ezeket a területeket az oldalon.
Ha kell, hogy az alapvető egyszínű áttetsző és miután látta a képet, majd ezt használják, és a szín módot RGBA. Például én létrehoz egy HTML dokumentumot két blokk tetszőleges azonosítókat.
A blokkok megegyeznek egymással mindenben, kivéve a háttérben. Hála az abszolút pozicionálás, ők egy és ugyanazon a helyen - a bal felső sarokban az oldal, de mivel #ct egység áll egy html-jelölést a legújabb, teljesen lefedi a társa az oldalon látni fogjuk sárga szilárd háttér.
Ugyanakkor azt látjuk, hogy A AB valamilyen háttérképet, de nem látjuk, akkor az #ct nem áttetsző háttér, és rajta keresztül nem süt át. Ez azért van, mert meghatározta a színt RGB módban, és nem ad hozzá áttetszőség, amit oly szükség ebben az esetben. Változtassuk meg a stílusát, #ct:
Mi frissíteni az oldalt, és látni, hanem egy szilárd sárga unalmasabb árnyékban, és rajta keresztül lehet látni csillagok, melyek a háttérképet a mi A AB blokk. Ez a munka RGBA módot.
Most nézzük egy másik példát razbrem. Vegye ki az egyik blokkokat, és a benne maradt hozzon létre egy gyerek elemet, amely szintén hozzá a stílus.
Középre a gyermek eleme, hogy a tartály fő háttérképet és a kívánt színt a blokk benne. Ismét, hiánya miatt a szülő áttetsző háttér nem jelennek keresztül.
Most már elég ahhoz, hogy meghatározzák a megfelelő árnyalatot, ami hasonló lenne a rózsaszín (pink), csak írd be RGBA módban, adjuk hozzá az utolsó érték az átláthatóságot. Felülbírálása háttérszínt a gyermek elem:
Most, ha újra az oldalt, azt látjuk, hogy a színes blokk egy gyermek látható a gyönyörű dísz, amely adott közös tartályba.
Hol lehet hasznos hely épület?
Nos, örvendetes, hogy a áttetszőség vagyunk lebontották, és ahol azt használják egyáltalán? Általában létrehozásához használt úgynevezett maszkok különböző képeket, menüpontok vagy áru.
Bizonyára láttad egyes oldalakon, mint amikor felett lebeg egy elem is, hogy átfedik egymást háttérben néhány tartalmat. De ugyanakkor, ha a szín a overlay háttér határozza meg a homály, az előző képet, nem fogjuk látni. Ennek megfelelően nem fogja megtenni egy áttetsző színű, ami által RGBA.
Egy másik példa lehet a használata, hogy fent látható. A fő tartálynak van egy szép háttérképet. Ennek megfelelően, ez a minta volt látható át a háttér színét, és a gyermek elemek, ez is kell írva RGBA.
De hogyan lehet teljesen átlátszó hátteret css? Korábban írtam, hogy lehet írni az ingatlan háttér: átlátszó, vagy pedig adjon meg 0 a negyedik érték írásakor színek RGBA módban. Egy másik módszer - égési egység fényelnyelés ingatlan értéke 0, de aztán az egész egység átlátszó lesz, azaz a láthatatlan.
További információ tanulhat mi természetesen CSS3. ahol van megfelelő Az ingatlanok áttetszőség és átlátszóságát. Figyelj, és tanulj meg annak érdekében, hogy jobban megértsük ezeket a tulajdonságokat. Ezzel befejeződött a cikket, és sok sikert kívánok a tanulmány a webes technológiákat. Legyen webformyself, hogy többet.
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
