Proprietatea CSS RGBa vă permite să setați o culoare de fundal cu un canal alfa (citiți, umpleți blocuri cu o culoare translucidă).
Desigur, CSS are o proprietate de opacitate. dar principalul său dezavantaj: toți copiii din blocul transparent vor moșteni, de asemenea, transparența.
exemplu:
În aspect, legăturile de navigare au un fundal translucid.
Abordări comune:
- Umpleți fundalul elementului cu pixel PNG24 de 1 pixel, fixați transparența în IE6
- Fundalul este transparent prin opacitatea css. Textul este poziționat separat într-un alt element
- Chiar mai interesante dansuri cu o tamburină
Folosind RGBa, soluția arată astfel:
Să presupunem că aveți nevoie de un fundal albastru cu o transparență de 50%
element # 123;
fundal. rgb # 40; 0. 255 # 41; ; / * Pentru cei care nu acceptă această proprietate va fi o culoare de fundal solid * /
fundal. RGBA # 40; 0. 255. 0,5 # 41; ;
# 125;
Și nu suportul va fi IE6-8, Opera 9.x, Mozilla Firefox 2.x
Pentru IE, puteți încerca să faceți mai elegant:
remarcă
Culoarea din filtru este specificată de 8 numere. Primele 2 numere sunt gradul de transparență: FF - complet opac, 00 - transparent. Următoarele 6 numere sunt denumirea obișnuită a culorii HTML.
Utilizarea RGBa nu este limitată doar la culoarea de fundal a blocurilor, de exemplu, această proprietate poate simula umbrele sau poate face frontiere semi-transparente, totul depinde de imaginația ta.
UPD. În IE9 există suport pentru RGBA, HSLA. Hooray, tovarăși!
Oh, cât de minunat am făcut clic pe această înregistrare, sau că JC urma să tortureze.
După ce am găsit o altă posibilitate și în această formă:
Trimiteți-le prietenilor: