A brief introduction to Opacity and RGBA. The CSS opacity property is inherited by an element’s children; opacity set using the new rgba() declaration in CSS 3 differs in that it is not inherited.
Sign in with 
OpenID
A brief introduction to Opacity and RGBA. The CSS opacity property is inherited by an element’s children; opacity set using the new rgba() declaration in CSS 3 differs in that it is not inherited.
FWIW, opacity is not inherited. And rgba() inheritance depends on what property it is applied.
The difference is that opacity applies to the whole (visual) block where rgba()/hsla() are much more limited in scope. They affect just the fore- or background color for instance.