Previous Message
Next Message

Z-index and Select Problem

Sent by Chris Akers on 14 September 2005 20:08


> I'm encountering that annoying problem in IE where a CSS pull-down menu
> overlaps a select menu and the CSS menu goes behind the select menu.
> Changing the z-indexes for these does nothing. Ugh.

Unfortunately, selects do not respect z-indexes and will appear above
all other elements. The only solution I've seen is to hide the select
with JS triggered by the dropdown.

Workaround:
http://www.experts-exchange.com/Web/Graphics/Macromedia_Fireworks/Q_21483980.html

I guess theoretically it is possible to hide the select using CSS
alone. But you would have to make the select a child of the menu list
that overlaps it and then give it an absolute position to put it back
in it's place. Then on the :hover do a visibility:hidden;. Big can of
worms...
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: