Welcome to WebmasterWorld Guest from 54.144.72.150

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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 7, 2001
posts:661
votes: 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>

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 16, 2002
posts:2010
votes: 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)'

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 7, 2001
posts:661
votes: 0


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

Back to the drawing board.....