Transparent CSS background color

Question

I want to make the list menu's background disappear by using opacity, without affecting the font. Is it possible with CSS3?

Answer 1

now you can use rgba in CSS properties like this:

.class {     background: rgba(0,0,0,0.5); } 

0.5 is the transparency, change the values according to your design.

Live demo http://jsfiddle.net/EeAaB/

more info http://css-tricks.com/rgba-browser-support/

Answer 2

Keep these three options in mind (you want #3):

1) Whole element is transparent:

visibility: hidden; 

2) Whole element is somewhat transparent:

opacity: 0.0 - 1.0; 

3) Just the background of the element is transparent:

background-color: transparent;