CSS - z-index无法正常工作

Question

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

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

我该怎么做才能解决这个问题？ [注意:下面第2个问题!]

如果您不想检查页面,则消息框位于其他一些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 检查顶部的 Z Index Plug In，您可以在对象发生鼠标悬停事件时应用它，例如：

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

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

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