Z Index in CSS

Z Index in CSS

z-index property is used to define HTML elements of the stack order. Stack order means that any element will look above any other element or below. The element whose z-index is higher appears above it. We understand this from the picture.

z-index-1

The box which is showing up in this diagram is much like z-index (1) and less than the box below (0.7).

Syntax: -

z-index: value;

The value of z-index is most often given an integer number but its value can also be 'auto'. If we give the value 'auto' of z-index then the element is determined by the stack order browser and this order is in the same order in which the element has been placed. The z-index of the first element of the element will be the highest and z-index of the last element.