Bootstrap固定菜单+ jquery对话框问题

Question

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

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

请参阅：http://snag.gy/BSJVs.jpg

示例：http://jsfiddle.net/ishubin/9ruhx/1/

如何修复它（例如设置margin-top：100px）？

Answer 1

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

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

// add this to your css file

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

可以在http://jsfiddle.net/9ruhx/2/找到一个工作示例。

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

// your css file

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

请参阅http://jsfiddle.net/9ruhx/3/。