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/

如何解决它（例如设定边距：100像素）？

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/。