Javascript 有没有办法覆盖z索引

我正在做一个谷歌浏览器的扩展。这个扩展的一部分将一些HTML注入到它加载的任何网页中。显示的HTML应该显示在HTML其余部分的顶部。我遇到的问题是，当我加载一些页面时，我看不到注入的HTML，而在其他页面上它确实会显示出来。我做了一些研究，并尝试将

z-index

设置为最大值

2147483647

。即使我这样做了，在一些网页上它仍然没有出现。我想知道是否有一种方法可以让HTML显示出来。我查看了页面上的样式，可能遗漏了一些内容，但我没有看到任何

z-index

样式。 以下代码为：

#读取插入的行{
位置：固定；
z指数：2147483647；
宽度：100%；
}
#顶栏读数线，#底栏读数线{
位置：相对位置；
高度：20px；
背景色：黑色；
不透明度：70%；
}
#间隙阅读线{
位置：相对位置；
高度：15px；
}

---

仅供将来参考，他说当没有应用位置时，元素可能会被推离屏幕。为了防止出现这种情况，我刚刚将

top:0

添加到

#reading line injected

div中

#读取插入的行{
位置：固定；
z指数：2147483647；
宽度：100%；
排名：0；
}
#顶栏读数线，#底栏读数线{
位置：相对位置；
高度：20px；
背景色：黑色；
不透明度：70%；
}
#间隙阅读线{
位置：相对位置；
高度：15px；
}

---

仅供将来参考，他说当没有应用位置时，元素可能会被推离屏幕。为了防止出现这种情况，我刚刚将

top:0

添加到

#reading line injected

div中

#读取插入的行{
位置：固定；
z指数：2147483647；
宽度：100%；
排名：0；
}
#顶栏读数线，#底栏读数线{
位置：相对位置；
高度：20px；
背景色：黑色；
不透明度：70%；
}
#间隙阅读线{
位置：相对位置；
高度：15px；
}

您在页面的何处注入了该代码？z-index是基于上下文的，我给它注入了

document.body.appendChild（main_div）所以它被注入到
元素中。
2147483647
-为什么？为什么要这样做？你是否确认html和css存在于那些你看不见的页面中？阅读插入的行没有任何位置。它可能会被推离屏幕。尝试添加
top:0你在页面的什么地方注入的？z-index是基于上下文的，我给它注入了
document.body.appendChild（main_div）所以它被注入到
元素中。
2147483647
-为什么？为什么要这样做？你是否确认html和css存在于那些你看不见的页面中？阅读插入的行没有任何位置。它可能会被推离屏幕。尝试添加
top:0感谢您的归因感谢您的归因