模态窗口/背景的问题

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-index并叠加，这样就可以了高于li s。

Answer 2

您的z-index值会向后显示。数字越高，越接近。您的背景设置为105，但顶部的元素设置为100。