html - 固定位置父子元素，中间有另一个固定元素

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。