Forum Moderators: not2easy

Message Too Old, No Replies

"IE6.0, z-index and the <select> tag" again

is SELECT does not obey the stack order?

         

Moby_Dim

12:43 pm on Mar 14, 2006 (gmt 0)

10+ Year Member



I have this problem for a long time. Searching for the solution I've found this : [webmasterworld.com ] - this's an exact description imho.

So, 3 years later - the same problem again here. Can anybody help? Thank you.

Added : To be clear - my SELECT element do not have both position and z-index properties. But I have an abs. positioned block element (div) which changes top/left values due to click event coordinates. When this DIV overlaps any SELECT element in the page, the latter "penetrates" through DIV's text. I've tried z-index : 9999.. for the DIV, changed this DIV code position in the script (result page) code, etc. with no effect.

Fotiman

3:20 pm on Mar 14, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The only known fix to this is to use an iframe that's the same size as your "top" layer and position it under your top layer, but above the layer with the select. I will sticky message you with a URL you can check out.

Fotiman

3:24 pm on Mar 14, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



A google search for iframe shim select will probably give you the answer you're looking for.

DrDoc

5:30 pm on Mar 16, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



An earlier discussion here in the CSS forum:

How to: Position DHTML Elements Above Dropdowns in IE [webmasterworld.com]
Those pesky <select> boxes which we cannot position stuff over

Moby_Dim

7:01 pm on Mar 16, 2006 (gmt 0)

10+ Year Member



Thanks a lot, guys. It's OK with your help now.