如何让div浮动到jQuery UI对话框之上？

Question

我有一个带有表单的jQuery对话框,我希望附加到其中一个表单元素的自动完成框浮动到对话框上方(这样如果列表超出了对话框的末尾,它就不会被切断).我有以下CSS元素应用于自动完成div:

background:none repeat scroll 0 0 white;
float:left;
position:absolute;
z-index:9999;

它仍然会在对话框中创建一个滚动条.这是怎么回事？我看到对话框是z-index:1004; 所以我不知道为什么我的不在它上面.我正在努力实现甚至可能吗？

Answer 1

我知道这篇文章很旧,但你可以这样做:

要么在jquery ui css文件中设置"ui-dialog"类overflow:visible,要么在单击按钮时打开对话框,例如,执行以下操作:

$("mybutton").click(function() {
    $("mydialog").dialog();
    $(".ui-dialog").css("overflow", "visible");
});

如果你不想要所有对话框(如果你有更多),那么做第二件事 overflow:visible