相対要素は固定要素をカバーします

Question

position: fixedとz-index: 9999を持つ基本的なブートストラップナビバーメニューがあり、他のすべての内容はposition: relativeとz-index: 1です。その内容は最大でz-indexの私のnavbarをカバーしています。どうやって？

Answer 1

これを理解するには、スタックのコンテキストを理解する必要があります。

1. 共通の親を持つポイントまでの2つの要素のそれぞれのすべての祖先を考慮してください。

2. どこかに両方の要素の祖先の行において、祖先の1つが（z-index:1要素の祖先場合）、その後の子供は、上記レンダリングさせるauto以外セットz-indexを有する以下（それは祖先の場合navbarの）他のツリー。

それは十分に明らかではない場合は、より良い方法をスタッキングコンテキスト（およびz-index）の仕事を理解するためのthis fiddleを見てみましょう。任意のdivをクリックするとz-indexの値が1,-1、autoになります。それを得るための最良の方法は、赤の要素を-1に設定し、後で黄色で数回クリックすることです。