Course recommendation:

Style zIndex property

Definition and usage zIndex

Property sets or returns the stacking order of the positioned element.

Tip:An element with a higher stacking order (1) is always in front of another element with a lower stacking order (0). Positioning element is Set to:relative,absolute or fixed of the elements.

Tip:This property is very useful if you want to create overlapping elements.

See also:

CSS Tutorial:Tukio la ukitumia CSS

CSS Reference Manual:z-index property

Example

Example 1

Change the stacking order of the <img> element:

document.getElementById("img1").style.zIndex = "1";

Try it yourself

Example 2

Change the z-index property value of the <div> element:

document.getElementById("myDIV").style.zIndex = "-1";

Try it yourself

Example 3

Returns the z-index property value of the <img> element:

alert(document.getElementById("img1").style.zIndex);

Try it yourself

Syntax

Return zIndex property:

object.style.zIndex

Set zIndex property:

object.style.zIndex = "auto|number|initial|inherit"

Property value

Technical details

Mwongozo wa kufikia kwa wasaidizi wa kiburi

Mfumo wa vifaa

Kitabu cha Taarifa cha JavaScript na HTML DOM

Mifano ya JavaScript

Majadiliano ya JavaScript

Mafunzo ya JavaScript

Mwongozo wa mshambulizi