CSS - z-index 无法正常工作

Question

我在我的页面上使用了 z-index(-link 不再需要-)，但它不能正常工作:它没有将某些 div 置于所有其他 div 之上...

您可以自己查看，方法是单击左侧或右侧栏中的一项。然后， mask 将淡入，但会在其下方显示消息框。我已经尝试了很多，但我就是无法让消息框显示在所有其他消息框之上...

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

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

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

CSS定位是这样的:

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

我使用 position:fixed，因为 position:absolute 在这里不是绝对的，div 没有与 body 对齐，而是以某种方式与其他东西对齐。有没有办法重新设置定位和绝对定位呢？

Answer 1

从我记事起，z-index 问题通常是因为 z-indexed 元素的父元素没有定位。 sibling parent 应定位。