z-index of form elements

[Reinhard Pilz]

Hello,

when I set the display propterty of a <div style="position: absolute;
display: none"> to "block" and the <div> is positioned above a form element
such as <select> of <input type="text">, the form elements always are drawn
ABOVE the <div>. It does not matter, which values I am trying to set for the
z-index property (e.g. z-index: 100 for the <div> and z-index: -100 for a
<select> has no effect).

What can I do to avoid this?

thanks,
reinhard

[Robert Adams]

If i'm understanding your post correctly, these have been
my observations regarding SELECT form elements and
layering:

SELECTS will *always* bleed through other elements
positioned over it (like TEXTAREA's or SPAN's). This is a
fairly cumbersome issue when designing complex layout
schemes for web applications; But, it's a reality.

What i often do to workaround this issue...
If i have a *temporarily* visible element (like a popup
calendar i create) that might float momentarily above a
pull-down form element, i setup some jscript
to "visibility:hidden" those particular elements, and then
when the floating element is no longer needed, set the
bleed-through elements back to "visibility:visible".

Hope that helps. Not sure if this issue is resolved in
IE6, but let's hope so.

.rob adams
webm...@egoz.org

>.
>

[Robert Adams]

If i'm understanding your post correctly, these have been
my observations regarding SELECT form elements and
layering:

SELECTS will *always* bleed through other elements
positioned over it (like TEXTAREA's or SPAN's). This is a
fairly cumbersome issue when designing complex layout
schemes for web applications; But, it's a reality.

What i often do to workaround this issue...
If i have a *temporarily* visible element (like a popup
calendar i create) that might float momentarily above a
pull-down form element, i setup some jscript
to "visibility:hidden" those particular elements, and then
when the floating element is no longer needed, set the
bleed-through elements back to "visibility:visible".

Hope that helps. Not sure if this issue is resolved in
IE6, but let's hope so.

.rob adams
webm...@egoz.org

>.
>

[E Stafford]

You cannot apply the z-index of form elements against other typical page
elements. Form elements fall under the category of Windowed objects or
elements (if i'm not mistaken.) The same applies to other objects such as
activeX objects, Plug-ins (flash, shockwave etc...) embeded media, Iframe or
floating frames, applets and others.
In simple terms, these elements exist in a layer that lies on top of the
page.
You can get more information on these object types at the
http://msdn.microsoft.com web site.

HTH
ES

Reinhard Pilz <rpi...@faw.uni-linz.ac.at> wrote in message
news:3b70...@news.uni-linz.ac.at...