我正在使用 twitter bootstrap 模态插件,我有一个模态对话框,单击一个按钮,我想显示一个较小的模态对话框。
发生的事情是我的第二个较小的模态对话框并不是真正的模态对话框,因为我仍然可以访问它下面的第一个对话框(单击按钮选择文本等。)
我确实为第二个模式对话框设置了 data-backdrop="static" 属性,但它似乎无法正常工作。
这是正常行为吗?
我正在使用 twitter bootstrap 模态插件,我有一个模态对话框,单击一个按钮,我想显示一个较小的模态对话框。
发生的事情是我的第二个较小的模态对话框并不是真正的模态对话框,因为我仍然可以访问它下面的第一个对话框(单击按钮选择文本等。)
我确实为第二个模式对话框设置了 data-backdrop="static" 属性,但它似乎无法正常工作。
这是正常行为吗?
这是正常行为。背景和模态的z-index
给定值是固定的,这意味着第二个背景仍然会比第一个模态具有更小的值。
如果您z-index
在显示时增加第二个元素的 s,它可能会起作用。
恕我直言,您可能会发现在显示第二个模态时隐藏第一个模态更容易 - 因为该模态并不意味着同时在多个实例中使用。
是的,Sherbrow 是对的.. 解决它的方法是定位第一个模态的 ID,并将其 z-index 更改为新模态设置的 1050 和背景设置的 1040 之间的值调成..
就我而言,我使用了:
#modal1 {z-index: 1048;}
现在,当我打开#modal1 并单击指向另一个模态的链接时,第二个模态会覆盖#modal1,但背景不会!