Employ an index position

Use z-index value to order stacked elements.

Contained in this instructional session:

  1. What signifies an index position?
  2. Employ an index position to arrange elements

What signifies an index position?

The index position regulates the arrangement of an element.

  1. Elements with a greater index position place on top of those with a lower position
  2. Offspring elements can solely place according to their progenitor element. (i.e., If element A possesses a higher index position than element B, the offspring of element B will never overlap element A)
  3. Index position solely functions on relative, absolute, and fixed placement
  4. The standard index position is 0

Employ an index position to arrange elements

  1. Single out a div block you wish to arrange
  2. Employ an index position (since the default index position is 0, any value greater than 0 will arrange an element on top)
  3. Elevated values will arrange on top of lower values
  4. Detrimental values can lead to elements disappearing

Ewan Mak
Latest posts by Ewan Mak (see all)