z-index

Utilities for controlling the stack order of an element.

Examples

Basic example

Use the z-<number> utilities like z-10 and z-50 to control the stack order (or three-dimensional positioning) of an element, regardless of the order it has been displayed:

Using negative values

To use a negative z-index value, prefix the class name with a dash to convert it to a negative value:

Using a custom value

Responsive design