A NSW Government website
Design System v3.16.0

Z-index

Utilities for controlling the stack order of an element.

Setting the z-index

Control the stack order (or three-dimensional positioning) of an element, regardless of order it has been displayed, using the z-{index} utilities.

Class

Properties

nsw-z-0

z-index: 0;

nsw-z-base

z-index: 100;

nsw-z-middle

z-index: 200;

nsw-z-upper

z-index: 300;

nsw-z-top

z-index: 900;

nsw-z-below

z-index: -100;

-100 0 100 200 300 900 -100