未知网站上的z索引较高

Higher z-Index on an unknown website

本文关键字：索引 网站 未知      更新时间：2023-11-28

我正在为我在学校为增强Moodle所做的用户脚本制作一个漂亮的UI。

我需要在浏览器视口的顶部制作一个进度条，这样无论用户在哪里滚动，它都是可见的。

我知道它必须有position:fixed;，但我不能处理z索引。我尝试了我脑海中的一切，从最大z索引，到在正文、文档上附加。。。，但没有运气。

这是我现在的代码（有点乱。我正在使用jquery添加html，所以…）：

$("#page-header").append($("<div id='progress_container' style='background-color:black;position:fixed;'><div id='progress' style='height:15px;background-color:green;width:0%;'></div></div>"));

更漂亮一点，（我将此附加到$("#page-header")）：

<div id='progress_container' style='background-color:black; position:fixed; top: 0px; left: 0px;'>
    <div id='progress' style='height:15px; background-color:green; width:0%;'></div>
</div>

还是一团糟。

我只需要它凌驾于一切之上。

问题是，有没有任何方法可以覆盖z索引，或者知道页面上最高的索引，让我的索引更高，我想做的是可能的？

它不可见，因为它的宽度为零。

相关文章：