Question

我在我的页面上使用z-index（不再需要链接），并且它无法正常工作：它不会将某些div放在所有其他div之上......

您可以通过单击左侧或右侧栏中的某个项目来自行查看。然后，掩码将淡入，但在其下方显示消息框。我已经尝试了很多，但我无法将消息框显示在所有其他人之上......

我该怎么做才能解决这个问题？ [注意：下面的第二个问题！]

如果您不想查看该页面，则消息框位于其他一些div中：

<div>
 <div>
  <div>message box</div>
 </div>
</div>

CSS定位是这样的：

.window {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
}

我使用position：fixed，因为position：绝对不是绝对的，div不是与body对齐，而是某种其他方式。 有没有办法重新定位它和绝对位置呢？

Answer 1

只要我记得，z-index问题通常来自事实，而不是z-indexed元素的父项。兄弟姐妹的父母应该被定位。

Answer 2

如果你正在使用jquery检查top Z Index Plug In，你可以在对象有鼠标悬停在以下事件时应用它：

<div id="modal" onmouseover="$(this).topZIndex();"></div>

然后用jquery也将位置改为绝对，或者反之亦然：

$(document).ready(function(){ $('#modal').css('position','absolute'); });

Answer 3

screenshot

如果从#leftbar中删除z-index，它可以解决您的问题。只要你有一个职位，这个职位就无所谓了。