Question

由于某些原因，我的登录文本框无法在主区域中单击，只能在底部边框上单击。我查看了这个问题的其他主题，并建议人们检查透明重叠元素，我检查过，我没有看到任何 - 也尝试搞乱更高的z-index，但也没有用。会喜欢一些意见！

.input_large {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border: 1px solid #929292;
padding:5px;
width:259px;
background-color:#f6f6f6;

}

这是CSS。这个问题也可以在这里查看：click

提前致谢！

Answer 1

span#status与input重叠。如果您缩小span的高度，则可以点击input。

#status {
    border-radius: 11px;
    height: 50px; /*Height reduced*/
    left: 0;
    margin-top: -100px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 100%;
    z-index: 0;
}

你也不能绝对定位这个元素，这样就可以点击input。我不确定这个元素背后的原因是position:absolute。

Answer 2

<span id=status>元素阻碍了。它不可见（opacity: 0）并阻止Username控件。您可以使用opacity: 0而不是使用visibility: hidden，但似乎您可以调整元素的高度和位置，以便填充输入上方的空白区域。

html输入字段不可点击

2 个答案: