Z-Index


displayn/a positionn/a z-indexutilities font-size scalingn/a breakpointsno

Class list

  • .z-100
  • .z-90
  • .z-80
  • .z-70
  • .z-60
  • .z-50
  • .z-40
  • .z-30
  • .z-20
  • .z-10
  • .z-0
  • .z--10

Description

The values included in the z-index class names are the values being passed ino the z-index property. The greater the value, the higher up in the layering order.

Be mindful that z-index will only work on an element whose position property is not set to static, which is the default position property value.