Question

我正在努力为用户提供一个很好的用户界面，以便在我的学校增强Moodle。

我需要在浏览器视口的顶部创建一个进度条，因此无论用户滚动到哪里，它都将始终可见。

我知道它必须有position:fixed;但我不能处理z-Indexes。我尝试了所有我想到的东西，从最大的z-Indexes到附加在body上，文档上，......，但没有运气。

这是我现在的代码（有点乱。我正在使用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-Indexes，或者知道页面中最高的一个以使我的更高，我正在尝试做什么？

Answer 1

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

未知网站上的z-Index较高

1 个答案: