Twitter Bootstrap：なぜいくつかの州ではZ-インデックス：2ですか？

Question

私は自分のモバイルWebアプリケーションにtwitterブートストラップを使用しています。ビューポートのスライドインまたはスライドアウト時に他のレイヤーと重なる特定のレイヤーがあります。これらは、これらのレイヤー上のz-インデックスが重要な役割を果たす状況です。

多くの場合、私の画面は、完全にレイアウトのzオーダーで、bootstrap.cssから次のスタイルで、たとえば、理由z-index: 2の使用のための外にスローされます。

.btn-group > .btn:hover, 
.btn-group-vertical > .btn:hover, 
.btn-group > .btn:focus, 
.btn-group-vertical > .btn:focus, 
.btn-group > .btn:active, 
.btn-group-vertical > .btn:active, 
.btn-group > .btn.active, 
.btn-group-vertical > .btn.active { 
    z-index: 2; 
} 

私が知っている私は、私自身のスタイルシートでそれらを無効にすることができますが、私はz-indexを明示的に設定する動機がどこから来るのか疑問に思っています。

私はz-index: 1000を.dropdown-menuに設定する動機を理解しています。しかし、私は理由を理解することができなくなっています:hover、:focus & :activebtn-group > .btnの状態はz-index: 2が必要です。

私はそれがあればそれは理由があると確信しています。私はその点を見逃しているだけです。

スクリーンショットのサンプルが添付されています。これは現在のレイヤーの下のbtn-groupのactiveボタンからのものです。このbtn-groupには、現在のレイヤーが下に重なったときに非表示になる他のボタンがいくつかあります。ただし、このアクティブなボタンが裂けてしまいます。それはz-index: 3;以上有する任意のピア要素の下、1以下のz屈折率を有する他のピア要素の上に表示され、任意z-index: 2;と同じレベルになるよう

Answer 1

彼らはこれらの要素にz-index: 2;を使用します