我试图比较 DOM 中的任意两个元素，看看它们是否要在同一区域（坐标重叠）中绘制（在屏幕上渲染），其中一个元素会在另一个元素之上。这个问题不是关于重叠计算，而是关于比较 DOM 树任何部分的任何两个元素的上述位置（计算堆叠上下文和 z-index 和 HTML 层次结构......）。
虽然我是这个领域的新手，但我的方法是遍历每个 HTML 元素并为其分配一个数值，同时考虑到规则和标准。另一个问题是如何正确地获取它们。我找不到已经做到这一点的 JS 库。
有关 CSS 和完整代码示例，请参阅... https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
预期输出是能够比较任意两个 HTML 元素的上方或下方位置 (3D)。如果我从这里的专业人士那里得到一个想法并且能够实现它，我将分享我的代码。谢谢任何帮助。