CSS3 opacity set on a parent div is inherited by all the child divs. The result is limiting. Non-inheritable opacity using rgba() is achieved this way:
/* produces semi-transparent white, 40% opacity */
background: rgba(255, 125, 255, .6);
So to accommodate all browsers one might, for example, do: