Skip to main content

Z-Index

Set the stack order for an element.

Widely available

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;

Media Queries

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

Pseudo Classes

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

Negative Values

Double the hyphen to negate any value on the scale.