проблемы с модальным окном / фоном

Question

Я пытаюсь сделать модальное окно для моего сайта, у меня проблема с оверлеем или модальным div, я не уверен, в чем проблема.

Дело в том, что все, кроме модального окна, не должно быть кликабельным, но по какой-то причине мои теги <ul><li> видны и кликабельны. Вот css моего модального окна:

element.style {
display:block;
left:50%;
margin-left:-210px; //generated with javascript
margin-top:-85px; //generated with javascript
position:fixed;
top:50%;
width:450px;
z-index:100;
}

Вот CSS моего наложения фона:

element.style {
height:1436px; //generated with javascript
left:0;
opacity:.75;
position:absolute;
top:0;
width:100%;
z-index:105;
}

Что я делаю не так? спасибо

Answer 1

Проверьте свойство z-index ваших тегов li (или базового ul) и либо установите его ниже 100, либо установите z-индекс вашего модального окна и наложения, чтобы он был выше, чем у li s.

Answer 2

Похоже, у вас есть значения вашего z-индекса в обратном направлении. Чем выше число, тем ближе оно. Ваш фон установлен на 105, но элементы сверху установлены на 100.