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.

Alig néhány évvel az interneten találtam néhány hasznos oldalak és szolgáltatások, amelyek nem kapcsolódnak közvetlenül a helyszínen építési és általános téma ez a blog, de én csak azt akartam ajánlani nektek:

Cashback szolgáltatásokat. mint például Epn.bz és Letishops. Az első takarít akár 15% Aliekspress és a második etapban Cash Back több mint 1000 online áruházak. Járatkereső, csak kiváló szolgáltatást - Aviasales.ru. Keresés több száz oldalakat, és minden lehetőséget a jegyek, akkor válassza ki a legolcsóbb, vagy azok, ahol kevesebb az utazási idő. Ők is van egy nagy tömeg. alkalmazás és a böngésző plugin.

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

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.