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

Question

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

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

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

谢谢！

Answer 1

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

see demo