jQuery UI对话框与绝对定位的孩子部分隐藏溢出儿童

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

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

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

screenshot of issue

来源

2011-05-18 steve_c

漂亮，干净的应用程序，你有。 – DarthJDG 2011-05-18 20:53:57

干杯。这是所谓的ThoughtFarmer（www.thoughtfarmer.com） – 2011-07-05 15:56:39

它看起来就像是溢出：隐藏在外对话框元素。设置溢出：可见解决了这个问题。

来源

2011-05-18 20:50:53

+1，谢谢，即将发布完全相同的问题 – mreq 2011-08-28 23:11:36

是的，我有同样的问题，并修复：$（'。ui-dialog'）。css（'溢出'，'可见'）; – jimasp 2011-10-27 15:07:52

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

来源

2011-05-18 20:52:30

jQuery UI对话框与绝对定位的孩子部分隐藏溢出儿童

回答

相关问题