来自 Andrea Dragotta 的 chrome 的 CSS Stacking Context 检查器
CSS Stacking Context 检查器是 Chrome 的 devtools 扩展,可以轻松检查 CSS 堆叠上下文并解决 z-index 问题。它是在两个朋友的帮助下制作的,其中一个创建了它,另一个帮助了编码。
它是一个基于树的视图,显示了有关所选元素的所有相关信息。这有助于开发人员和设计人员了解正在发生的事情并解决滥用 z-index 属性可能引起的问题。
树由两部分组成:左侧显示父堆叠上下文,右侧显示子堆叠上下文。这允许您检查树并识别具有特定 z-index 值的元素。
用户对 CSS Stacking Context inspector 的评分
您是否尝试过 CSS Stacking Context inspector?成为第一个离开您的意见!