The Z-Index property is used to determine the stack order of elements. The logic behind the Z-Index is that element with a greater stack order is in front of an element with a lower stack order.
Note that Z-Index only works on positioned elements, on absolute, relative, fixed, or sticky position.
How to find Z-Index
- You can stack any number of elements you wish, to access the Z-Index click on the element to open the options panel on the left
- Click on the Advanced Tab at the top
- From the Advanced section, you will see Z-Index, put the value for each element, and play around with it to create something exceptional.