Z-index查找元素的堆叠上下文

问题描述 投票:3回答:1

如何找到元素的堆叠上下文?或者,我如何找到该元素的祖先元素控制后代的z-index

我有一个非常复杂的页面,嵌套表格,divs。并且隐藏了一个带有高z-index的绝对定位的盒子。

我之前通过有条不紊地处理元素的祖先来解决这些问题,直到找到添加z-index值和位置值的位置来创建新的堆叠上下文。

但我似乎无法解决这个问题。

是否有一个工具,(在浏览器的开发人员工具或Javascript中),我可以给它元素A,它返回如下内容:

“元素A是从元素B开始的堆叠上下文的一部分,它是从元素C开始的堆叠上下文的一部分,它是页面的根堆叠上下文的一部分”

帮助我们,你们是我唯一的希望。

javascript html css z-index
1个回答
0
投票

McNulty,你正在寻找的工具是由Github用户gwwar称为“z-context”的Chrome扩展。我正在研究一个非常复杂的网格组件,它在DOM结构中有许多嵌套的div,我需要一些有用的东西。

我已经使用了扩展程序,并且可以确认它在发布之日起作用。确保在安装后打开新的浏览器会话。

https://github.com/gwwar/z-context

© www.soinside.com 2019 - 2024. All rights reserved.