如何在它上面放置一个元素（在 jQuery 对话框中）？答案

【问题标题】：How to put an element (inside jQuery dialog) on top of it?如何在它上面放置一个元素（在 jQuery 对话框中）？
【发布时间】：2012-06-30 13:33:32
【问题描述】：

我正在使用 jQuery 对话框弹出一个 div（要填写的用户表单）。我正在使用下面的插件进行验证。

我现在的问题是我的字段靠近对话框的边缘，并且当错误工具提示（例如“必填字段”）弹出时，它会在对话框内溢出。我想要的是让它漂浮在对话框的顶部。

这是一张图片。

【问题讨论】：

实时链接肯定会有所帮助。创建一个jsfiddle 或给出一个工作示例
我个人总是将工具提示添加为正文的直接子项（而不是在对话框内），并将其相对于与其相关的元素或鼠标进行绝对定位。您可能需要也可能不需要设置工具提示的 z-index，我不是 100% 了解 z-index 的工作原理，因为我认为它在早期浏览器中尤其不同（例如 IE 6）。

【解决方案1】：

尝试使用旧版本的插件 ex:2.5。在该版本中，消息的容器被附加到文档的正文而不是表单，因此消息始终可见。我不知道他们为什么改变了这个。

【讨论】：

【解决方案2】：

您可以从给overflow:visible 对话框容器开始（具有滚动条的容器 - 使用浏览器的检查元素功能来查找它是哪一个）。

【讨论】：

overflow:visible 是我能得到的关闭解决方案:)。虽然工具提示现在可以位于标题栏的顶部，但它不会呈现在对话框之外。它仍然在对话框的边缘被剪切。尽管如此，还是谢谢！ :)
您可以尝试将overflow:visible 添加到父元素，直到工具提示未被对话框剪切。

【解决方案3】：

为工具提示提供更高的 z-index。

例如，如果您的对话框的 z-index: 1000;给出tooltip z-index:2000;

【讨论】：