CSS Stacking Context inspector Google Chrome 版

来自 Andrea Dragotta 的 chrome 的 CSS Stacking Context 检查器

CSS Stacking Context 检查器是 Chrome 的 devtools 扩展，可以轻松检查 CSS 堆叠上下文并解决 z-index 问题。它是在两个朋友的帮助下制作的，其中一个创建了它，另一个帮助了编码。

它是一个基于树的视图，显示了有关所选元素的所有相关信息。这有助于开发人员和设计人员了解正在发生的事情并解决滥用 z-index 属性可能引起的问题。

树由两部分组成：左侧显示父堆叠上下文，右侧显示子堆叠上下文。这允许您检查树并识别具有特定 z-index 值的元素。