Javascript 引导活动选项卡通过覆盖背景显示

我正在使用引导和引导选项卡。我在自定义覆盖背景中淡入淡出，出于某种原因，活动选项卡在过渡期间穿过背景。我搞不懂这个

HTML

JS

改变

#bg {z-index: 2000;}

到

或

---

抱歉，我的意思是我不希望活动选项卡像它那样出现故障。活动选项卡的行为应该与其他选项卡类似。好的，那么我认为我们必须通过.nav tabs>li.active>a.nav tabs>li.active>a:hover{cursor:default；background color:inherit；border:inherit；}覆盖css。您想要得到什么？请解释清楚你的问题！就像我说的，“活动选项卡在转换期间穿过背景”-这不应该发生。你可以在小提琴上看到它非常混乱。但是对于

#bg

来说，这个属性不必要吗？是的。我只需要理解为什么一个简单的标签会与一个简单的背景相混淆。如果你在#bg而不是#容器中淡入淡出，它就解决了问题。。但是问题本身，我认为它与这个FadeIn改变Z指数有关

#bg {
  background: rgba(0, 0, 0, 0.50);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 2000;
}

* {
  transition: all 250ms;
}

$('#container').fadeIn();

#bg {z-index: 2000;}

#bg {z-index: 0;}

.nav-tabs>li {
z-index: 2001;
}