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