CSS JQuery 对话框后面的下拉菜单

Question

下拉菜单当前显示在 JQuery 对话框后面。我想在对话框前面显示下拉菜单。我尝试更改 z-index，但没有成功。

$( function() {
  $( "#dialog-1" ).dialog({
    appendTo: $("#bodyContent")
  });
} );

jsfiddle: https://jsfiddle.net/john12345/ofrhodpv/

谢谢！

Answer 1

对话框有一个 z-index: 1003; 所以要重叠它你需要给下拉菜单一个比 1003 更大的值

see demo