Welcome to WebmasterWorld Guest from 54.157.222.62

Forum Moderators: not2easy

Message Too Old, No Replies

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

z-index broken?

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

WebmasterWorld Senior Member 10+ Year Member



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>

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

WebmasterWorld Senior Member 10+ Year Member



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)'

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

WebmasterWorld Senior Member 10+ Year Member



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

Back to the drawing board.....