CSS3 Opacity -- Better HTML Opacity with rgba()
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:
.tool-pad-divs{
/* fallback solid color for old IE */
background: rgb(255, 255, 255);
/* all others get semi-transparent */
background: rgba(255, 255, 255, .6);
}
Compatability:
IE 9, Opera 10, FF , Chrome, Safari