带有绝对定位子的jQuery UI对话框部分隐藏了溢出的子节点

Question

我有一个标准的jQuery UI对话框。在该对话框中，我有一个自定义的jQuery UI按钮，允许我为日历事件选择一个事件类型。我正在使用jQuery UI位置实用程序来绝对定位包含可用事件类型列表的div，如图中所示。

当显示事件类型div时，任何比可用空间长的内容都会在对话框的边缘消失。如果它是一个iframe，或者如果绝对定位的父级具有更高的z-index，我会期望这个。但是，jQuery UI对话框是一个简单的绝对定位div，其z-index为1002（默认值），我的widget显示事件类型的div是一个绝对定位的div，其z-index为1003.我希望我的div在堆叠顺序中会占据更高的优先级。

我的问题是：这里发生了什么？为什么我的div被对话框的底边隐藏？

Answer 1

它看起来像溢出：隐藏在外部对话框元素上。设置为溢出：可见解决了问题。

Answer 2

您的包含对话框元素（带有Z-index 1002）是否在其“CSS”中的任何位置设置了overflow: hidden;？