CSS RGBA: Transparenz und Farbe gleichzeitig definieren

Das neue Feature RGBA erlaubt es uns, in den CSS Dateien und Tags eine Farbe mittels RGB Werten anzugeben und zusätzlich eine Transparenz zu schaffen. Möchten wir einen roten Hintergrund mit 50% Transparenz, definieren wir background-color:rgba(255,0,0,0.5);. Der letzte Parameter des rgba-Befehls gibt die Transparenz an. Alternativ kann auch mit opacity das Innere der Box per CSS transparent dargestellt werden.

Beispiele

.element {
    background:rgb(0,0,0);
}

.element {
    background:rgba(0,0,0,0.2);
}

.element {
    background:rgb(0,0,0);
    opacity:0.2;
}