CSS Z-index (layering/stacking) property

Eva Eunhye Kim
Apr 10, 2021

The Z-index CSS property sets the Z-order of a positioned element and any elements it contains. It is the layering or stacking order of elements. We can set Z-index to move an item up or down in the stack order. This can overlap elements one to another, and this can help to implement more complicated page designs.

z-index : 3;
will be at the most top part.

z-index: 2;
second layer

z-index: 1;
at the very bottom of the layer.

--

--