CSS opacity property

CSS opacity property


This property should allow the opacity of a background (or element and any of its child elements) to be graduated between 0 and 1. However, I have not been able to see any difference in transparency when I change the value for the background color that I’m using. Any suggestions?



When working with background opacity you have to use the following:

background: rgba(r,g,b, a);

R = Red,
G = Green,
B = Blue,
A = Alpha (opacity)

So the following would make background color red with opacity set to .5
background: rgba(255, 0, 0, 0.5);


That worked. Thanks for your help!