Есть ли способ рассчитать контекст стекирования всех элементов DOM, чтобы сравнить любые два элемента для вышеуказанной позиции, используя JavaScript?

Question

Я пытаюсь сравнить любые два элемента в 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). Я поделюсь своим кодом, если получу идею от профессионалов и смогу ее реализовать. Спасибо, любая помощь приветствуется.