固定位置親子元素與另一個固定元素之間

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可以應用得更舒適。