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