浏览器扩展：将div添加到DOM中，使其在所有内容之上（在元素本身也将在所有内容之上）

Question

我正在为Web浏览器创建扩展程序。

它将div放在HTML页面上的某些单词上，并将其添加到主体级别。

我看到HTML和CSS可以具有zIndex设置，因此扩展程序必须考虑到它们，因为即使HTML希望其某些元素位于所有内容之上，它也希望其div显示在所有内容之上。

父元素也很重要，因为它们可以将zIndex设置为子元素。

这是一个扩展，因此它必须是页面的“主”，因此它必须在zIndex值上具有最后一个字。

如何实现？

Answer 1

在这种情况下，我看到两个选择：

1. 为您的z-index使用淫秽值（应该使用Billion 9）；

2. 您应该将div添加到body标签中（以便它尽可能在DOM中出现），并检查所有同级的z-index。之后，将该z-index +1添加到您的div中。

希望这会有所帮助。