JQuery Dialog背后的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