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.
Setați transparența în fundal css
Toate dintre noi, webmasteri și dezvoltatorii sunt în mod constant de lucru cu site-urile. Eu v-ar dori să recomande un site care se bucură:- Reg.ru - sunt înregistrate și prelungi nume de domenii, o companie foarte de incredere!
- HostIQ - hosting de calitate premium.
- Ihor - un buget mai mare, dar, de asemenea, foarte de înaltă calitate, furnizor de web hosting.
- Telderi.ru - singurul schimb de încredere în RuNet, în cazul în care puteți cumpăra site-uri gata făcute cu venituri!
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.