CSS Stacking Context inspector for chrome from Andrea Dragotta

CSS Stacking Context inspector is a devtools extension for Chrome that makes it easy to inspect the CSS stacking contexts and solve the z-index war. It was made with the help of two friends, one of them created it and the other one helped with the coding.

It is a tree-based view that shows all the relevant information about the selected element. It is helpful for developers and designers to see what is going on and to solve problems that might arise from the misuse of the z-index property.

The tree is made of two parts: the left side shows the parent stacking contexts, and the right side shows the child stacking contexts. This allows you to inspect the tree and identify the element that has a certain z-index value.