Создать оверлей, за исключением одного элемента на странице, которой мы не владеем. ⇐ CSS

[Anonymous]

Я создаю расширение Chrome, в котором хочу применить наложение ко всему, кроме одного выбранного элемента.
Имеете ли вы представление о том, как я могу накладывать наложение, за исключением одного элемента, даже если оно вложено внутри позиционированного родительского элемента?
/>Спасибо!
Моей первой попыткой было добавить дочерний элемент в тело с помощью следующего класса

Код: Выделить всё

.overlay {
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 99999;
pointer-events: none;
width: 100%;
height: 100%

}

.excluded-element {
position: relative !important;
z-index: 100001 !important;
background-color: white !important;
}

Однако, похоже, что когда мой целевой элемент вложен внутри позиционированных элементов, у которых z-индекс установлен ниже 99999, тогда мой целевой элемент также находится под наложением..
Я могу не устанавливать z-индекс родителей целевого элемента, потому что я испорчу страницу (страница мне не принадлежит)

Подробнее здесь: https://stackoverflow.com/questions/785 ... do-not-own