固定位置亲子元素与另一个固定元素之间

Question

我正在使用JavaScript库在我的应用程序中创建模态窗口。

我有一个问题，其中有2个div，A和B（A是B的父亲）两个位置：固定。 Div A有z-index：1和Div B z-index：3。

我想要另一个div，C，也是固定位置，但在这两个外部，位于它们之间（使用z-index：2），但它最终取决于所有。显然，孩子的div（B）的z-index不会在所有问题，始终停留在DIV的C底部..

我做了一个JSBIN与样品在这里：

http://jsbin.com/koyasu/edit?html,css,output

Answer 1

这只是z-index如何工作。父div为它及其所有子项设置图层。设置z-index的孩子只会更改该父级内的图层。

恐怕你必须重构你的DOM。

Answer 2

固定位置总是指视口，因此您不妨将DIV“B”从“A”移出，从而在同一级别获得三个固定元素。然后z-index可以应用得更舒适。