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

我正在为web浏览器创建扩展

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

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

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

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

---

如何实现这一点？

在这种情况下，我有两种选择：

为你的z指数使用一个淫秽值（bilion 9应该这样做）

您应该将div添加到body标记中（因此它在DOM中尽可能向上），并检查其所有同级的z索引。在此之后，将z-index+1添加到div中

---

希望这能有所帮助。

@misorude您阅读了另一个问题，所以我想知道您是如何问这个问题的：实际上，div是添加到文档中的，而不是元素，正如您在对该问题的评论中指出的，它们被zIndex设置隐藏。我的意思是它们被附加到body元素。但是如果HTML页面本身就是用这个技巧设计的，并且它们将zIndex设置为您建议的数字，那么这个技巧是徒劳的。我认为，这些数字在javascript中可能是危险的。假设您谈论的是选项2，您可以在DOM就绪后使用setinterval并运行z-index检查代码几次，以确保您仍然拥有顶部的z-index。不可能确保HTML页面设计器没有使用某些特殊的javascript常量，如最大数或浮点数，甚至无穷大，以及不同的浏览器实现将被考虑在内。我认为数值解不好。