Cum css proprietăți de fond a seta transparența

Bună ziua tuturor. După cum probabil știți, de fundal - aceasta este css-proprietate, care vă permite să setați culoarea de fundal sau încărcați o imagine care va servi ca fundal. CSS3 este, de asemenea, o oportunitate de a crea gradienți liniare și radiale, dar acesta este un subiect pentru un alt articol. În acest aș dori să vă spun cum să css în transparența fundalului proprietate.

În doar câțiva ani pe internet am găsit un număr de site-uri și servicii utile, care nu sunt direct legate de construirea site-ului și tema generală a acestui blog, dar am vrut doar sa le recomanda pentru tine:

Servicii de Cashback. cum ar fi Epn.bz și Letishops. Prima va economisi până la 15% pe Aliekspress iar al doilea stint cu Cash Back de mai mult de 1.000 de magazine online. bilete de avion, doar servicii excelente - Aviasales.ru. Căutări pe sute de site-uri și oferă toate opțiunile pentru bilete, puteți alege cel mai ieftin sau cele în care există mai puțin timp de călătorie. Ei au, de asemenea, o mare gloată. aplicații și plugin pentru browser.

Setați transparența în fundal css

Culoare de fundal: RGBA (173, 57, 22, 0,5)

În primul rând, ne indică în mod clar faptul că un mod de culoare RGBA specificat. Apoi indicați valorile intensității trei culori primare 0-255, în cazul în care 255 - cea mai mare saturația. Al patrulea parametru, acest lucru este transparența noastră. Acolo este scris de la 0 la unitate. 1 - elementul complet opac, și 0 - complet transparent. Prin urmare, dacă setați 0, culoarea de fundal nu va fi deloc vizibil.

Acum, că știi cum să css în transparența fundalului proprietate. Pentru a face acest lucru, utilizați modul de culoare RGBA. Există proprietăți de opacitate. dar se aplică întregului element. Aceasta este, atunci când se aplică transparența opacitate poate fi aplicat la textul care ar face imposibil de citit.

Fundal transparent pe exemplul

Avantajele unui fond semi-transparent este ușor de demonstrat prin exemplu. De exemplu, avem un fond comun al paginii. Acesta este modul în care să se uite bloc, în cazul în care el a fost dat o culoare negru solid:

Acum, întrebați același bloc de culoare neagră, dar am menționa cu formatul de culoare RGBA, specificând ultima valoare de 0,7, de exemplu. Obțineți acest lucru:

Acum fundalul este iluminat, iar unitatea poate fi văzută prin imaginea de fundal. Această imagine și fundalul sunt doar un exemplu. După cum știți, în fundal transparența css poate fi util atunci când aveți nevoie pentru a sub-element de fond translucid, fără a închide alte medii, situate în celelalte straturi.