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

Forum Moderators: not2easy

Message Too Old, No Replies

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

z-index broken?

msr986

12:30 am on Jan 21, 2003 (gmt 0)

Somewhere along the line the z-index on a <select> tag stopped working in IE6 (or never worked).

The select tag always shows through the stack, it's always on top. I though NN4 was the only browser to do this.

I think this behavior is new, I don't remember this happening a couple of months ago. I'm running IE6.0.2800.1106 (SP1).

Does anyone have a workaround?
HELP!

-Marty

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<form>
<div align="left" style="z-index:2; position:absolute; left:0px; top:0px; background-color:#ff0000; width:400px; height:30px">
this is a test of z-index on select tags
</div>
<div align="left" style="z-index:1; position:absolute; left:0px; top:0px; background-color:#00ff00; width:400px; height:30px">
<select>
<option>one</option>
<option>two</option>
<option>three</option>
</select>
this is a test of z-index on select tags
</div>
</form>
</BODY>
</HTML>

amznVibe

1:21 am on Jan 21, 2003 (gmt 0)

Hmm, what are you actually trying to accomplish? the select tag
always "bleeds through" in IE (and does with your code on my IE 6.0)
because its generated by the underlying OS, and IE can't control its index.

If you don't want it to bleed through entirely
you can try to clip it with a dhtml style command like
document.yourOverlapingDivName.style.clip = 'rect(5 5 5 5)'

msr986

3:54 am on Jan 21, 2003 (gmt 0)

OK, so the <select> won't obey the stack....

Back to the drawing board.....