Расширение браузера: добавление div в DOM, чтобы оно было поверх всего (поверх элементов, предназначенных быть самими собой поверх всего)

Question

Я создаю расширение для веб-браузера.

Он помещает div для определенных слов на странице HTML, добавляя его к основному уровню тела.

Я вижу, что HTML и CSS могут иметь настройки zIndex, поэтому расширение должно учитывать их, потому что оно хочет, чтобы его элементы div отображались поверх всего, даже если HTML хочет, чтобы некоторые его элементы были поверх всего ,

Также важны родительские элементы, потому что они могут установить zIndex на дочерние.

Это расширение, поэтому оно должно быть "ведущим" страницы и поэтому должно иметь последнее слово в значениях zIndex.

Как этого добиться?

Answer 1

Я вижу два варианта в этой ситуации:

1. Используйте непристойное значение для своего z-индекса (это должны делать миллиарды 9);

2. Вы должны добавить div к тегу body (чтобы он был как можно выше в DOM) и проверить z-индекс всех его братьев и сестер.После этого добавьте этот z-index + 1 к вашему div.

Надеюсь, это поможет.