从另一个模态对话框引导模态对话框答案

【问题标题】：bootstrap modal dialog from another modal dialog从另一个模态对话框引导模态对话框
【发布时间】：2012-07-27 18:32:21
【问题描述】：

我正在使用 twitter bootstrap 模态插件，我有一个模态对话框，点击一个按钮，我想显示一个较小的模态对话框。

发生的情况是我的第二个较小的模态对话框并不是真正的模态对话框，因为我仍然可以访问它下面的第一个对话框（单击按钮选择文本等）

我确实为第二个模式对话框设置了 data-backdrop="static" 属性，但它似乎无法正常工作。

这是正常行为吗？

【问题讨论】：

【解决方案1】：

这是正常行为。给背景和模态的z-index 是固定的，这意味着第二个背景的值仍然小于第一个模态。

如果您在显示时增加第二个元素的z-indexs，它可能会起作用。

恕我直言，您可能会发现在显示第二个模态时隐藏第一个模态更容易 - 因为该模态并不打算同时在多个实例中使用。

【讨论】：

【解决方案2】：

是的，Sherbrow 是对的.. 解决它的方法是定位第一个模态的 ID，并将它的 z-index 更改为新模态设置的 1050 和设置的 1040 之间的值背景设置为..

就我而言，我使用的是：

#modal1 {z-index: 1048;}

现在，当我打开#modal1 并单击指向另一个模态的链接时，第二个模态会覆盖#modal1，但背景不会！

【讨论】：