Forum Moderators: not2easy
I have a drop-down menu (ddmenu) with attribute "position: absolute" on the site, for example:
<div id="container">
<div id="ddmenu">
link1 link2 link3
</div>
</div>
Below menu there is a form with few "select" type fields.
Problem: once I move mouse over the drop-down menu, this should come up over the form "select" fields, unfortunately it appears under the fields. However, it works fine with IE7, FF, Opera.
Any ideas?
Thanks a lot.
The select control is a windowed control/element (controlled by the browser and OS) other more manageable controls are windowless.
Windowed controls have an infinite z-index, that prevents them being hidden. Unless of course you do the following:
Using an iFrame between the combo box and the div or table cell (or similar) Here is the link to a tutorial on how to overcome this issue.
[dotnetjunkies.com...]
HTH,
-Gs