Выпадающее меню jquery появляется за другими divs

Я посмотрел на подобные вопросы, но не повезло. Это моя проблема:

Вот код jquery:

Ниже приведены разделы css для раскрывающегося списка и окно, в котором он скрывается:

ul li li
{
background:#50d7db;
color:#005263;
display:none;
z-index: 5000;
}



#maincontent
{
background:rgba(255,255,255,0.5);
opacity:100%;
float:left;
width:815px;
height:390px;
margin-left:15px;
z-index:-5000;
}

То, что я пробовал: - Изменение/повторение значений z-индекса. - удалить непрозрачность из div maincontent.

1 ответ

z-index работает только с позиционированными элементами. Добавить position:relative элементов, которые вам нужны для управления z-index.

licensed under cc by-sa 3.0 with attribution.