无法单击z索引为负的文本框 我有一个文本框在屏幕中间，但是当我点击它时，没有点击注册。我认为这是一个CSS Z索引问题。如何诊断和解决此问题

div#容器{
z指数：-1；
位置：相对位置；
高度：300px；
宽度：300px；
保证金：0自动；
背景色：#E9E9E9；
盒影：5px5px5pxRGBA（0,0,0,0.25）；
填充顶部：8px；
}
氢{
文本对齐：居中；
}
#容器输入[type=“submit”]{
位置：绝对位置；
底部：0；
左：0；
高度：50px；
宽度：100%；
}
#容器输入[type=“text”]，#容器输入[type=“password”]{
位置：绝对位置；
大纲：0；
边界：无；
填充：0；
保证金：0；
高度：50px；
顶部：50px；
宽度：100%；
}
#容器输入[type=“password”]{
顶部：150px；
}
.覆盖{
位置：绝对位置；
排名：0；
左：0；
z指数：2；
身高：100%；
宽度：100%；
背景：灰色；
文本对齐：居中；
线高：300px；
框阴影：插入0 120px 0 0暗灰色，插入0 122px 0灰色，插入0 124px 0暗灰色，插入0-120px 0暗灰色，插入0-122px 0灰色，插入0-124px 0暗灰色；
}
主体：悬停。覆盖{
显示：无；
}

登录
在这里登录

问题在于

div#container

元素的

z-index

属性被指定为-1

将元素的z索引设置为更高的值，如1000等

div#container {

    background-color: #E9E9E9;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    clear: left;
    height: 75px;
    margin: 0 auto 13px;
    overflow: auto;
    padding-top: 8px;
    position: relative;
    text-align: center;
    width: 510px;
    z-index: 1000;
}

---

在将实际元素放在其他元素之上/之后分层时，应该使用Z索引，并且不应该为输入指定负值-尤其是当您的身体元素（我相信）将默认为0时

这意味着将值设置为低于0（即负值）将意味着您的元素将被放置在主体的后面

因此，如果这是一个输入元素，你不能像“你应该点击主体”那样点击它，而不是实际的输入

---

在极少数情况下，您会在输入上放置z索引（大多数情况下，您实际上不需要声明一个），而不是设置负值，请尝试使用较低的正值。这样它就应该在身体上方（除非已经改变）

下面是一个简短的例子：

正文{
背景：番茄；
}
输入{
z指数：-2；
位置：相对位置；
}