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: