Можно ли на overflow: hidden элемент принудительно наложить абсолютно спозиционированный элемент?

Question

[Alice777]

можно ли на overflow: hidden элемент принудительно наложить абсолютно спозиционированный элемент?

Конечно, я понимаю, что накладываемый элемент нужно поместить перед overflow:hidden элементом, но
суть в том что есть сложное и длинное дум дерево, в котором разобраться и переверстать очень проблематично, таких блоков очень много. Возможно, есть способы осуществить это при помощи JS?

Answer 1

[dummyman]

var bodyRect = document.body.getBoundingClientRect();
var hiddenRect = document.querySelector('#hidden').getBoundingClientRect();
var overlay = document.querySelector('#overlay');
overlay.style.top=(hiddenRect.top - bodyRect.top) + 'px';
overlay.style.left=(hiddenRect.left - bodyRect.left) + 'px';

Только это при условии что overlay лежит в body, элемент hidden может быть где угодно в DOM.