Inspetor de contexto de empilhamento CSS para cromo de Andrea Dragotta
O
CSS Stacking Context inspector é uma extensão devtools para o Chrome que facilita a inspeção dos contextos de empilhamento CSS e resolve a guerra do z-index. Foi feito com a ajuda de dois amigos, um deles criou e o outro ajudou na codificação.
É uma visualização em árvore que mostra todas as informações relevantes sobre o elemento selecionado. É útil para desenvolvedores e designers verem o que está acontecendo e resolverem problemas que possam surgir do uso indevido da propriedade z-index.
A árvore é composta de duas partes: o lado esquerdo mostra o os contextos de empilhamento pai e o lado direito mostra os contextos de empilhamento filho. Isso permite que você inspecione a árvore e identifique o elemento que possui um determinado valor de índice z.
