Twitter bootstrap 引导固定菜单+；jquery对话框问题

当我在小窗口中显示JQuery对话框时，它被放置在页面顶部，菜单关闭对话框

$(function () {
    $('.d').dialog({
                width: '75%',
                height: 600,
                modal: true,
                draggable: false,
                resizable: false,
        position: [ "center", 100]
    });
});

见：

例如：

---

如何修复它（例如设置页边上限：100px）？

您有两种简单的方法来处理此问题

清洁剂解决方案：确保如果显示该对话框，该对话框始终位于菜单顶部：

// add this to your css file

div.ui-dialog {
     z-index: 1031 !important;   
}

可以在上找到一个工作示例

否则，您可以确保对话框始终在顶部菜单的正下方打开：

// your css file

div.ui-dialog {
     top: 45px !important;
}

---

请参阅。

此解决方案也适用于我遇到的冲突。因为我有一个模式对话框，所以我需要将div.ui-widget-overlay设置为z索引1030，以便覆盖屏幕处于正确的z级别。