Twitter Bootstrap: Warum der Z-Index: 2 für einige Zustände?

Ich verwende twitter bootstrap für meine mobile Webanwendung. Es gibt bestimmte Ebenen, die andere überlagern, wenn sie in das Ansichtsfenster hinein- oder herausgleiten. Dies sind Situationen, in denen der Z-Index auf diesen Ebenen eine entscheidende Rolle spielt.

Oft werden meine Bildschirme mit perfekt angelegten z-Ordnungen wegen der Verwendung von z-index: 2 außer Kraft gesetzt, zum Beispiel im folgenden Stil von bootstrap.css:

Ich weiß, dass ich sie in meinen eigenen Stylesheets überschreiben könnte, aber ich beginne mich zu fragen, woher die Motivation kommt, explizit z-index zu setzen.

Ich verstehe die Motivation bei der Einstellung von z-index: 1000 in .dropdown-menu zum Beispiel. Aber ich verstehe nicht, warum :hover , :focus & amp; :active state für btn-group > .btn benötigt z-index: 2 .

Ich bin sicher, wenn es da ist, ist es aus einem bestimmten Grund da. Ich vermisse nur den Punkt.

Ein Beispiel Screenshot ist beigefügt. Dies ist von einer active -Schaltfläche in einer btn-group auf einer Ebene unterhalb der aktuellen. Diese btn-group hat mehrere andere Schaltflächen, die ausgeblendet werden, wenn die aktuelle Ebene die darunter liegende Ebene überlappt. Dieser aktive Button bricht jedoch durch.