Tuesday, 10 February 2009

Useful CSS when using drop downs...

This definition helped to allign the content under the drop down menu and may come in handy to others. Check the z-index the underneath content must be lower!

Definition

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;)!

Inherited: No


Example

img
{
z-index: -1
}

Possible Values

auto - Default The stack order is equal to its parents
number - Sets the stack order of the element


In our HTML DOM tutorial you can also find a full Style Object Reference.

No comments: