Html 推特引导：为什么有些州的z-index:2？

我在我的移动web应用程序中使用twitter引导。某些图层在滑入或滑出视口时与其他图层重叠。这些情况下，这些层上的z索引起着至关重要的作用

通常，由于使用了

z-index:2

，例如bootstrap.css中的以下样式，具有完美布局的z-orders的我的屏幕会出现无序：

.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
的动机。但是我不明白为什么
:hover
，
:focus
和
:active
状态为
btn组>。btn
需要
z-index:2

我确信如果它在那里，它在那里是有原因的。我只是没抓住要点

附有一个示例屏幕截图。这是来自当前层下方的
btn组中的
active
按钮。此
btn组
还有其他几个按钮，当当前层与下面的层重叠时，这些按钮会隐藏起来。但是，此活动按钮会断开

他们使用
z-index:2在这些元素上，因此它显示在z索引为1或更小的其他对等元素的顶部，在z索引为3的任何对等元素的下方或更多，并且与任何
z索引处于同一级别：2
我理解，它将这些元素置于对等元素之上，但我们为什么需要这样做？反正对等点没有重叠？@codepooter好吧，这就是为什么我尽量避免使用css框架的原因。他们添加了很多不必要的东西，最终你可以做更多的工作，而不仅仅是从头开始写。这不是一个有用的答案。OP在问为什么。