question about opacity

[samoht]

Hello all,

I was wondering if anyone had a solution for setting the background of a div to 50% opacity while keeping the content (in my case a contact table) at 100% opacity.

I now have a container div with a background image
and a two column layout. column1 div have a opacity of 50% - column2 has a transparent background so no problem.

I tried adding another div to column1 and setting the opacity there then changing the z-index but that didn't work??

any thoughts?

[Detect]

The opacity will affect all children inside that div, so maybe move the children out and use position: relative or position: absolute.

[samoht]

That works well for firefox but not so well for IE