[Javascript] z-index and form elements

Peter Brunone peter at brunone.com
Mon Jan 22 10:12:36 CST 2007


		   I assume you're talking about SELECT elements, since they're the ones with the bleed-through issue.  The problem is that in IE6 and earlier, select elements are windowed objects (like flash movies, etc) and henceforth can't be covered up through the use of z-index.
   You do, however, have a couple of options.  One is to use a composite HTML substitute for a dropdownlist, and the other is to hack the overlay div with an iframe to obscure the DDLs behind it (which is how http://easylistbox.com/demoBleeding.aspx works).  There is of course a third option, which would be to hide the lists when the div appears, but that can get ugly and if the layer doesn't completely cover some of the lists, it looks kind of funny from the user's perspective.

HTH,

Peter

				From: "Michael Borchers" list at tridemail.de

My 
Layer is created "over" a HTML form.
FF hides the form select elements behind the new layer, but in IE the form 
elements keep shining through no matter how high i set the z-index.
is that normal for the IE? :( 
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.evolt.org/pipermail/javascript/attachments/20070122/5f2f0ddc/attachment.htm>


More information about the Javascript mailing list