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.