выпадающее меню появляется за ajaxmodalpopup

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;  

} 

Я использовал ВЫБ.2 JQuery для ниспадающего стайлинга.

Answer 1

Убедитесь, что css z-index выше.

ПРИМЕЧАНИЕ: z-index работает только на positioned elements