CSS Stacking Context inspector pour Google Chrome

Inspecteur contextuel d'empilement CSS pour chrome d'Andrea Dragotta

CSS Stacking Context inspector est une extensiondevtools pour Chrome qui permet d'inspecter facilement les contextes d'empilement CSS et de résoudre la guerre des z-index. Elle a été réalisée avec l'aide de deux amis, l'un d'eux l'a créée et l'autre a aidé au codage.

C'est une vue arborescente qui montre toutes les informations pertinentes sur l'élément sélectionné. Il est utile pour les développeurs et les concepteurs de voir ce qui se passe et de résoudre les problèmes qui pourraient découler de la mauvaise utilisation de la propriété z-index.

L'arbre est composé de deux parties : le côté gauche montre les contextes d'empilement des parents, et le côté droit montre les contextes d'empilement des enfants. Cela vous permet d'inspecter l'arbre et d'identifier l'élément qui a une certaine valeur d'indice z.