description: Use our low-level `z-index` utilities to quickly change the stack level of an element or component.
group: utilities
toc: true
+added: "5.3"
---
## Example
-{{< added-in "5.3.0" >}}
-
Use `z-index` utilities to stack elements on top of one another. Requires a `position` value other than `static`, which can be set with custom styles or using our [position utilities]({{< docsref "/utilities/position/" >}}).
{{< callout >}}
Customize this Sass map to change the available values and generated utilities.
{{< scss-docs name="zindex-levels-map" file="scss/_variables.scss" >}}
-