dojo Dialog中的绝对DIV

Question

我创建了一个对话框，并在其中放置了一个多选组合框控件。当用户单击下拉按钮时，会弹出一个选项列表。问题是，列表比对话框大，所以列表的一半隐藏在对话框后面。此列表使用具有绝对定位的 DIV，当它到达对话框的边界时，列表的其余部分将隐藏。我希望它被完整地展示出来。

见下图：

我尝试了 z-Index 和 opacity 属性来获取对话框上方的列表 div，但它不起作用。

Answer 1

这可能是因为 Dojo 对话框具有以下 CSS 属性：overflow: hidden 这意味着任何超出该 DIV 框的内容都将变得不可见（就像您图片中的示例一样）。

造成这种情况的 CSS 代码是：

.dijitDialog {
    position: absolute;
    z-index: 999;
    overflow: hidden;   
}

您可能会覆盖它（通过设置新的overflow 类型），但它可能会破坏对话框本身，因此您应该小心。要了解可能的值，请查看this link 了解有关 CSS 的更多信息。