我正在使用twitter bootstrap模态插件，我有一个模态对话框，单击按钮，我想显示一个较小的模态对话框。
发生的事情是我的第二个较小的模态对话框不是真正的模态，因为我仍然可以访问它下面的第一个对话框（单击按钮选择文本等）。
我确实为第二个模态对话框设置了data-backdrop =“static”属性，但它似乎无法正常工作。
这是正常行为吗？
答案 0 :(得分：7)
这是正常行为。给予背景和模态的z-index是固定的，这意味着第二个背景仍将具有比第一个模态更小的值。
如果你在显示时增加第二个元素的z-index，它可能会有用。
恕我直言，你可能会发现在显示第二个模式时更容易隐藏第一个模态 - 因为模态不是同时用于多个实例。
答案 1 :(得分：2)
是的，Sherbrow是对的...并且绕过它的方法是定位第一个模态的ID，并将它的z-index改为BETWEEN新模态设置为1050的内容，以及1040背景设置为..
就我而言，我用过：
#modal1 {z-index: 1048;}
现在，当我打开＃modal1并点击指向另一个模态的链接时，第二个模态会覆盖＃modal1，但背景不会！