dojo对话中的绝对DIV

Question

我创建了一个对话框，在其中我放了一个Multi-select Combo框控件。当用户单击下拉按钮时，会弹出一个选项列表。问题是，列表比对话框大，所以列表的一半隐藏在对话框后面。此列表使用具有绝对定位的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的更多信息。