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