2012-07-27 158 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