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

ste*_*e_c 6 jquery dialog jquery-ui z-index css-position

我有一个标准的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被对话框的底边隐藏?

问题截图

ste*_*e_c 6

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