2012-07-27 126 views
1

我使用的是twitter引导模态插件,我有一个模式对话框,点击一个按钮后,我想显示一个较小的模态对话框。从另一个模态对话框引导模态对话框

正在发生的事情是,我的第二个较小的模态对话框是不是真的语气,因为我仍然可以访问的第一个对话框在它之下(点击按钮,选择文本等)

我确实有该数据的背景=第二个模式对话框的“静态”属性设置,但它似乎不能正常工作。

这是正常的行为吗?

回答

6

这是正常的行为。给定背景和模态的z-index是固定的,这意味着第二个背景的值将比第一个模态的值更小。

如果增加显示中的第二个元素的z-index s,它可能会工作。

恕我直言,你可能会发现更容易隐藏第一个模态,同时显示第二个 - 因为该模式并不意味着在同一时间在多个实例中使用。

+0

非常感谢你 – 2012-07-27 18:50:06

2

是的,Sherbrow是对的..而解决这个问题的方法是定位第一个模态的ID,并将它的z-index改为1050之后的新模态设置的值和1040将背景设置为..

在我的情况,我用:

#modal1 {z-index: 1048;} 

现在,当我有#modal1打开,我点击一个链接到另一个模式,第二模式涵盖#modal1,但背景没有!

+0

我的第二个模态出现在第一个模态前面,但我仍然可以访问第一个模态。当第二个模式打开时,我能够对第一模式执行操作。 – change 2013-07-09 22:41:10