homepage Welcome to WebmasterWorld Guest from 54.196.63.93
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 554 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 554 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 554 posted 3:54 am on Jan 21, 2003 (gmt 0)

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

Back to the drawing board.....

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved