下拉列表出现在ajax模态弹出窗口后面

Question

我在我的代码中使用了ajaxmodalpopupextender。弹出对话框包含三个下拉列表和一个文本框。然而，下拉菜单出现在弹出窗口后面。

模态弹出窗口的Css如下：

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.5;
}
.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;    

}

我已经将select2 jquery用于下拉样式。

Answer 1

确保css z-index更高。

注意： z-index 仅适用于 positioned elements