在一组弹出窗口上显示一个bootstrap模式

Question

我有一个带有一些bootstrap popovers的jsf页面。这些弹出窗口是可拖动的，使用jQuery。

当我点击一个按钮显示一个模态时，它会显示在屏幕上，但是弹出框会一直显示在模态上。这是一张说明我的事情的图片。

我意识到在bootstrap.css上，popover的z-index大于modal（第一个是 1060 ，第二个 1050 ）。我试图改变模态的z-index，设置一个更大的值，但它不起作用。

所以，我想知道是否有人刚遇到这个问题。

Answer 1

这肯定与z-index有关。使用浏览器的检查器确定您的z-index是否真正应用。如果没有，可以将属性设置为重要：

.modal {
  z-index: 2000 !important;
}

如果您可以成功覆盖CSS样式（哪个位置，选择器的具体方式等），它总是取决于上下文。