CSS z-index doesn’t work

Hi! Very often I get cool welcome from z-index :-/ and I know that many developers meet some problems with css z-index property. Why css z-index does not work??

The roots of all problems with z-index is in misunderstanding its work. The most of web designers understand that z-index controls visual overlapping of elements but don’t understand details and depths of this property. If you don’t know the terms “z-axis”, “stacking order”, “rendering layer”, “stacking rules”, “stacking context”, “hierarchy of stacking contexts”, you may add yourself to the group of developers who does not understant z-index property. Because of this misunderstanding there are lots of questions in stackoverflow, forums and other places. Sometimes it’s really hard to understand z-index, but if you know the concepts it will be not so hard for you.

My advice, find some time and investigate this question deeply and you will be saved from the headache in the future and help your friends web developers to solve their problems with z-index.

In this article, some useful links will be provided to help you to figure out the principles of z-index.

TODO: read these docs