jquery - jQueryUI 对话框 VS twitter 引导覆盖，将一个置于另一个之上

Question

在我的网页上，我使用 jQueryUI 模态对话框在单击链接时显示加载消息。但在某些页面中，我也使用 Twitter Bootstrap 的模态叠加。

TB 覆盖出现在加载对话框上。但我想加载 Dialog 始终位于每个 div 之上。我试图更改z-indexDialog 叠加层的，但这无济于事。

我为我的问题做了一个简单的 jsfiddle 示例：

在那里，您可以单击显示 TB 叠加层的链接，在该链接下方会出现LOADING对话框。但我想在 TB 覆盖层上显示该对话框。

有没有办法做到这一点？

score 4 · Accepted Answer

最简单的方法是给出ui-dialog更高的z-index：

.ui-dialog {
   z-index: 1060;
}

score 2 · Accepted Answer

您还必须z-index在引导元素中进行更新：http: //jsfiddle.net/x76UH/3/

.modal-backdrop {
    z-index: 9 !important;
}

#myModal {
    z-index: 10 !important;
}

它可以快速修复小提琴，但你应该在你的样式文件中编辑它（bootstrap-combined.min.js）

score 1 · Accepted Answer

1

将加载对话框的 z-index 修改为类似z-index: 10000;

于 2013-05-14T09:41:34.223 回答

3 回答 3