別の固定要素を固定した位置の親子要素

Question

私のアプリケーションでは、モーダルウィンドウを作成するためにJavaScriptライブラリを使用しています。

2つのdiv、AとB（AはBの親です）の両方の位置が固定されている問題があります。 Div Aはz-index：1とDiv B z-index：3を持ちます。

私は別のdiv、Cも固定位置にしたいが、これらの2つの外部には、（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

固定位置は常にビューポートを参照するため、同じレベルの3つの固定要素を取得すると、AからDIV "B"を取り出すこともできます。その後、z-indexをより安心して適用することができます。