La declaración rgba de CSS3 aplica el color igual que el formato standard RGB pero le añade algo especial, esa a es por el canal alpha lo que significa que podemos definir el nivel de transparencia de un objeto.
Un objeto con transparencia de 1.0 sera totalmente opaco (visible) un objeto con transparencia de 0.0 será totalmente invisible. Cualquier valor intermedio determinará que tan transparente será un objeto sobre su fondo.
Cross Browser Incompatibilities (Incompatibilidad entre navegadores)
La declaración rgba funciona mejor en Firefox, Google Chrome y Safari. En el mundialmente famoso Internet Explorer 6 el color de fondo simplemente no se vé, así que hay que asignarle su color de fondo usando una declaración sin el alpha channel. (Algunos tenemos que luchar con el IE6)
Como se usa?
Yo lo uso en el sidebar de este mismo website así:
Y así se vé en Internet Explorer 6 (mejor dicho no se vé)
Para seguir aprendiendo sobre rgba más detalladamente Is CSS3 RGBa ready to rock y Working with RGBA Colour ofrecen una explicación más amplia con ejemplos.
















