Hogyan működnek a CSS background tulajdonságok beállításához az átláthatóság

Hello mindenkinek. Mint Ön is tudja, háttér - ez css-tulajdonság, amely lehetővé teszi, hogy a háttér színét, vagy feltölteni egy képet fog szolgálni, mint a háttér. A CSS3 is egy lehetőség, hogy hozzon létre a lineáris és radiális színátmeneteket, de ez a téma egy másik cikk. Ebben szeretnék mondani, hogyan kell CSS a háttérben tulajdonságkészlet átláthatóságot.

Állítsa be az átláthatóság, a css háttér

Mindannyian, webmesterek és a fejlesztők folyamatosan dolgoznak a telek. Szeretném, ha ajánlani a helyszínen, hogy élvezi magát:
  1. Reg.ru - rögzíti, és meghosszabbítja domain nevek, egy nagyon megbízható cég!
  2. HostIQ - tárhely prémium minőségű.
  3. Ihor - több költségvetési, hanem nagyon magas színvonalú internetes tárhely szolgáltató.
  4. Telderi.ru - az egyetlen megbízható csere RuNet, ahol lehet kapni kész weboldalak bevételt!

Háttér-szín: RGBA (173, 57, 22, 0,5)

Először is világosan mutatják, hogy egy meghatározott színű RGBA módban. Majd adja meg a három alapszín intenzitását 0 és 255, ahol 255 - a legnagyobb telítettséget. A negyedik paraméter, ez a mi átláthatóságot. Ott van írva 0 egységét. 1 - teljesen átlátszatlan elem, és 0 - teljesen átlátszó. Ennek megfelelően, ha beállítja 0, akkor a háttér színe nem lesz látható minden.

Most, hogy már tudja, hogyan kell CSS a háttérben tulajdonságkészlet átláthatóságot. Ehhez használja a szín RGBA módot. Vannak fényelnyelés tulajdon. de ez vonatkozik a teljes elemet. Vagyis, ha alkalmazása fényelnyelés átláthatóság lehet alkalmazni a szöveg, ami olvashatatlan.

Átlátszó háttér példáján

Az előnyök a félig átlátszó háttér könnyen megjeleníthető példával. Például, van egy közös háttérrel az oldal. Ez a módja annak, hogy néz blokk, ha ő kapott tömör fekete szín:

Hogyan működnek a CSS background tulajdonságok beállításához az átláthatóság

Most, kérje ugyanazt a fekete színű blokk, de megemlítjük, hogy a RGBA színformátumban, meghatározva az utolsó érték 0,7, például. Vedd meg ezt:

Hogyan működnek a CSS background tulajdonságok beállításához az átláthatóság

Most a háttérben világít és a készülék látható át a háttérképet. Ez a kép és a háttér, csak egy példa. Mint tudja, a css háttér átlátszósága hasznos lehet, ha kell al-elem háttér áttetsző, anélkül, hogy bezárná más háttérrel, található a többi réteg.

Kapcsolódó cikkek