Links

Lists

Latest Updates

Ruby On Rails List
Python list
Advanced Java
The JavaScript List
Apache Users
Full Disclosure
Linux Security

Search the archives!


[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Javascript] z-index and form elements


  • From: peter at brunone.com (Peter Brunone)
  • Subject: [Javascript] z-index and form elements
  • Date: Mon Jan 22 10:30:04 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@xxxxxxxxxxxx

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: https://lists.LaTech.edu/pipermail/javascript/attachments/20070122/5f2f0ddc/attachment.html