[SOLVED] make div background transparent, but not contents

[bigtimslim]

What is the best way to make the background of a section of your page transparent, but not the other elements inside it, like text, links, images, etc?

 

this is what I'm currently using:

 

#menu {
float: left;
width: 760px;
height: 30px;
margin: 0px 0px 0px 50px;
border: 1px solid;	
/* for IE */
filter:alpha(opacity=25);
/* CSS3 standard */
opacity:0.25;			
}

[ToonMariner]

use a png with the level of opacity you want and the

 

OR use positioning (absolute or relative) to place your div with opacity beneath the other.

 

once you set opacity to a div it is 'inherited' in the way that the contents are that level of opacity too.