Css 3 Opacity For List But Not Text

Possible Duplicate: Opacity of background, but not the text I have a HTML unordered list. I need the background to have an opacity of '0.3'. But I don't want this opacity applie

Solution 1:

You'll have to use another way to set your color like rgba like this:

li { background-color: rgba(0,0,0,.3); }

You also need to get rid of the opacity property/value. BTW, the rgb values for the css pink color are: 250,192,203, so: rgba(250,192,203,.3);

Solution 2:

This is what you need my friend!

http://www.css3.info/introduction-opacity-rgba/

You can't use opacity like that...it gets inherited and has been very annoying to developers for years gone by.