Twitter bootstrap 引导模式在调用它时隐藏在模式后面

我使用的是引导模式，但当我从当前模式调用第二个模式时，它隐藏在第一个模式后面

这是我的代码和到JSFIDLE的链接

Html

---

在css的第二个模式中添加更高的z索引

#dialog1 {
    z-index: 1999; 
}
#dialog2 {
    z-index: 2000; 
}

---

在css的第二个模式中添加更高的z索引

#dialog1 {
    z-index: 1999; 
}
#dialog2 {
    z-index: 2000; 
}

---

很好，它工作了！我以前试过，但是我把z-index:0放在dialog1上，把z-index:1放在dialog2上。但它不起作用！区别是什么？如果你放的z索引少一些，可能你的页面或页面上的控件会有更高的z索引，从而使对话框出现在后面。很好，它工作得很好！我以前试过，但是我把z-index:0放在dialog1上，把z-index:1放在dialog2上。但它不起作用！区别是什么？如果你放的z索引少一些，可能你的页面或页面上的控件会有更高的z索引，从而使对话框出现在后面。

#dialog1 {
    z-index: 1999; 
}
#dialog2 {
    z-index: 2000; 
}