CSS z-index

How z-index works

A higher z-index value places an element above an element with a lower z-index value.

In this example:

• Box 1 → z-index: 1
• Box 2 → z-index: 2
• Box 3 → z-index: 3

Therefore, Box 3 appears in front of Box 2 and Box 1.