Selteco Software

How to control stacking order of the menu.

The menu is placed inside a DIV tag with z-index and position defined:

<DIV STYLE="z-index:0; position:relative">
<SCRIPT SRC="s1040.js"></SCRIPT></DIV>

<DIV STYLE="z-index:-1; position:relative">Text BELOW the submenu</DIV>
<DIV STYLE="z-index:1; position:relative">Text ABOVE the submenu</DIV>

The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.

Note: Elements can have negative stack orders.

Note: Z-index only works on elements that have been positioned (eg position:absolute;)!

Comments?

If you would like to briefly comment on this article, you can enter your remarks in the space below (up to 255 characters):