Css rgba vagy, amilyen például, állítsa be az elem hátterét

A CSS RGBa tulajdonság lehetővé teszi, hogy háttérszínt állítson be egy alfa csatornával (olvassa el, töltse be a blokkokat áttetsző színnel).
Természetesen a CSS-nek opacitási tulajdonsága van. de fő hátránya: az átlátszó tömbön belül minden gyermek örökölni fogja az átláthatóságot.

például:

Az elrendezésen a navigációs linkek áttetsző háttérrel rendelkeznek.

Közös megközelítések:

1. Töltse fel az elem hátterét 1 pixeles PNG24-vel, rögzítse az átlátszóságot az IE6-ban
2. A háttér átlátszóvá vált a css opacitáson keresztül. A szöveg el van különítve egy másik elemben
3. Még érdekesebb tambourine táncok

Az RGBa használata esetén a megoldás így néz ki:

Tegyük fel, hogy kék háttérrel kell rendelkeznie, 50%

elem # 123;
háttérben. rgb # 40; 0, 0 255 # 41; ; / * Azok számára, akik nem támogatják ezt a tulajdonságot, szilárd háttérszín lesz * /
háttérben. RGBA # 40; 0. 0 255. 0,5 # 41; ;
# 125;

És nem támogatja ez lesz IE6-8, Opera 9.x, Mozilla Firefox 2.x
Az IE-nál több elegánsan próbálkozhatsz:

megjegyzés
A szűrő színe 8 számmal van megadva. Az első két szám az átlátszóság foka: FF - teljesen átlátszó, 00 - átlátszó. A következő 6 szám a HTML-szín szokásos megnevezése.

Használata RGBA nem korlátozódik a háttér színét a blokkok, például ezt a funkciót képes szimulálni egy árnyalattal vagy félig snowboardosok csinálni, minden attól függ, a fantáziádat.

UPD. Az IE9-ben támogatást nyújt az RGBA, a HSLA. Haver, elvtársak!

Ó, milyen csodálatos, hogy rákattintottam erre a rekordra, vagy hogy js kínozni fog.
Miután találtam egy másik lehetőséget és ebben a formában: