css - 如何让 div float 在 jQuery UI 对话框上方？

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

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

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

最佳答案

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

要么将 jquery ui css 文件中的“ui-dialog”类设置为具有overflow:visible，或者如果您的对话框在单击按钮时打开，例如，执行如下操作:

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

如果您不希望所有对话框(如果您有更多对话框)都具有overflow:visible

，请执行第二件事

关于css - 如何让 div float 在 jQuery UI 对话框上方？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4318251/