如何找到元素的堆叠上下文?或者,我如何找到该元素的祖先元素控制后代的z-index
?
我有一个非常复杂的页面,嵌套表格,divs。并且隐藏了一个带有高z-index
的绝对定位的盒子。
我之前通过有条不紊地处理元素的祖先来解决这些问题,直到找到添加z-index
值和位置值的位置来创建新的堆叠上下文。
但我似乎无法解决这个问题。
是否有一个工具,(在浏览器的开发人员工具或Javascript中),我可以给它元素A
,它返回如下内容:
“元素A是从元素B开始的堆叠上下文的一部分,它是从元素C开始的堆叠上下文的一部分,它是页面的根堆叠上下文的一部分”
帮助我们,你们是我唯一的希望。
McNulty,你正在寻找的工具是由Github用户gwwar称为“z-context”的Chrome扩展。我正在研究一个非常复杂的网格组件,它在DOM结构中有许多嵌套的div,我需要一些有用的东西。
我已经使用了扩展程序,并且可以确认它在发布之日起作用。确保在安装后打开新的浏览器会话。