Urgent: CSS-OPACITY

[Marcelo]

I'm using css-opacity to put a div over another div that contains a form, but only the select objects aren't under the div that contais the opacity style. Do you have any idea?

<DIV id="Div_Transparent" class="DivTransp" style="z-index: 100; background-color: #0044AA; filter: Alpha(Opacity=30)"></DIV>

I already tried to change the z-index and z-order, but nothing works.

You can see the problem:

http://www.desenvolvedores.com/probdiv/index.htm

Thanks for any help!

[Jona]

The best way to do this is to set the visibility of the SELECT box to be "hidden" when the mouse is in the spot that should make the DIV overlap the SELECT box, and set the SELECT box's visiblity to "visible" onMouseOut of the area that originally invoked the SELECT box to be hidden.

[J]ona

[MotherNatrsSon]

To put it simply, it can't be done. The select boxes are part of the browser and not the page. They are always "ontop"....

MNS

[Jona]

Originally posted by MotherNatrsSon
To put it simply, it can't be done.

Unless you hide them when you invoke any object that should overlay it. It's only impossible if he wants to make a DIV semi-transparent over it, and make it visible beneath it. In that case, it's not possible. It was a tad difficult to understand the problem...

[J]ona