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.










Eva Eunhye Kim

Front-End Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store