CSS Stacking Context inspector for chrome from Andrea Dragotta
CSS Stacking Context inspector es una extensión de devtools para Chrome que facilita la inspección de los contextos de apilamiento de CSS y resuelve la guerra de z-index. Fue hecha con la ayuda de dos amigos, uno de ellos la creó y el otro ayudó con la codificación.
Es una vista basada en un árbol que muestra toda la información relevante sobre el elemento seleccionado. Es útil para los desarrolladores y diseñadores para ver lo que está pasando y para resolver los problemas que puedan surgir del mal uso de la propiedad z-index.
El árbol se compone de dos partes: el lado izquierdo muestra los contextos de apilamiento de los padres, y el lado derecho muestra los contextos de apilamiento de los hijos. Esto permite inspeccionar el árbol e identificar el elemento que tiene un determinado valor de z-index.
