Z-Index

Set the stack order for an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

zi-0

z-index: 0;

zi-10

z-index: 10;

zi-20

z-index: 20;

zi-30

z-index: 30;

zi-40

z-index: 40;

zi-50

z-index: 50;

zi-60

z-index: 60;

zi-70

z-index: 70;

zi-80

z-index: 80;

zi-90

z-index: 90;

zi-9999

z-index: 9999;

zi-auto

z-index: auto;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.

Double the hyphen to negate any value on the scale.