javascript - 模式窗口/背景的问题

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

检查 li 标签(或底层 ul)的 z-index 属性并将其设置为低于 100，或者将模态窗口和叠加层的 z-index，因此它高于 li 的 z-index。