CSS-Stapelkontext-Inspektor für Chrome von Andrea Dragotta
CSS Stacking Context Inspector ist eine DevTools-Erweiterung für Chrome, die es einfach macht, die CSS-Stacking-Kontexte zu inspizieren und den Z-Index-Krieg zu lösen. Sie wurde mit Hilfe von zwei Freunden erstellt, von denen einer sie erstellt hat und der andere bei der Codierung geholfen hat.
Es ist eine baumartige Ansicht, die alle relevanten Informationen über das ausgewählte Element anzeigt. Es ist hilfreich für Entwickler und Designer, um zu sehen, was los ist und Probleme zu lösen, die durch den Missbrauch der Z-Index-Eigenschaft entstehen können.
Der Baum besteht aus zwei Teilen: Die linke Seite zeigt die übergeordneten Stacking-Kontexte und die rechte Seite zeigt die untergeordneten Stacking-Kontexte. Dies ermöglicht es Ihnen, den Baum zu inspizieren und das Element zu identifizieren, das einen bestimmten Z-Index-Wert hat.
