在一组弹出框上显示引导模式答案

【问题标题】：Show a bootstrap modal over a set of popovers在一组弹出框上显示引导模式
【发布时间】：2014-09-11 12:55:27
【问题描述】：

我有一个带有一些引导弹出框的 jsf 页面。这些弹出框是可拖动的，为此使用 jQuery。

当我单击按钮以显示模式时，它会显示在屏幕上，但弹出框会继续显示在模式上。这是一张说明我的东西的图片。

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

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

【问题讨论】：

修改后是否再次查看索引？如果它在实际执行中也受到影响
如果您使用 jQuery 可拖动，您可能需要研究一下。 z-index 可以通过 jQuery 设置。 $( ".selector" ).draggable({ zIndex: 100 });
我的错。我正在编辑 bootstrap.css，但在我的页面上包含了 bootstrap.min.css

【解决方案1】：

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

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

能否成功覆盖 CSS 样式（位置、选择器的具体程度等）始终取决于上下文

【讨论】：