Z-Index Attribute | Internet Development Index |
Determines the display order of overlapping shapes. Read/write String.
Applies To
Tag Syntax
<v:element style="z-index: expression">
Script Syntax
element.style.zindex="expression"
expression=element.style.zindex
Remarks
The Z-Index attribute is similar to the standard HTML Z-Index attribute for styles.
Values include:
| Value | Description |
| Auto | The order that the shapes appear in the HTML page will be used, bottom to top. |
| order | A number that represents the stacking precedence. A shape with a a higher number will be displayed as if it were overlapping (in "front" of) a shape with a lower number. Negative numbers can be used. |
VML Standard Attribute
Example
The red shape will be displayed in "front" of the blue shape, because it has a higher z-index.
<v:rect id=bluerect fillcolor="blue" style="position:relative;top:1;left:1;width:20;height:20;z-index:1"> </v:rect>
<v:rect id=redrect fillcolor="red" style="position:relative;top:10;left:10;width:20;height:20;z-index:2"> </v:rect>
Z-Index Attribute Example. (Requires Microsoft Internet Explorer 5 or greater.)