Z-Index and drop-down menu

Note ID:	S1040
Product:	Selteco Menu Maker
Version:	all

Request Support
Bannershop GIF Animator
Selteco Menu Maker
Selteco Flash Designer

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):