html输入字段不可单击

由于某些原因，我的登录文本框无法在主区域中单击，只能在底部边框上单击。我看了关于这个问题的其他话题，人们被建议检查透明的重叠元素，我检查了，但我没有看到任何-也尝试过使用更高的z指数，但这也不起作用。会喜欢一些输入

.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。此问题也可在此处查看：

提前谢谢

状态与输入重叠。如果降低

span

的高度，则允许单击

输入

#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;
}

您也不能绝对定位此元素，这将允许单击
输入。我不确定这个元素背后的原因是
位置：绝对
状态
与
输入重叠。如果降低
span
的高度，则允许单击
输入

#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;
}

您也不能绝对定位此元素，这将允许单击
输入。我不确定这个元素背后的原因是
位置：绝对
这个
元素挡住了去路。它不可见（
opacity:0
）并阻止用户名控件。您可以使用
可见性：隐藏
，而不是使用
不透明度：0
，但似乎您可以调整元素的高度和位置，使其填充输入上方的空白。
元素挡住了方向。它不可见（
opacity:0
）并阻止用户名控件。您可以使用
可见性：隐藏
，而不是使用
不透明度：0
，但似乎您可以调整元素的高度和位置，使其填充输入上方的空白。
啊，我看到了这里发生的事情。我正在编辑别人的代码；我将它们的大部分内容放在引导框架中——我现在看到其中一个引导类正在与原始CSS发生冲突。我想这个脚本是在2008年写的，所以里面有些过时的类我还需要更新。谢谢你的回答@莱昂德拉很高兴我能帮上忙！祝你好运啊，我知道这里发生了什么。我正在编辑别人的代码；我将它们的大部分内容放在引导框架中——我现在看到其中一个引导类正在与原始CSS发生冲突。我想这个脚本是在2008年写的，所以里面有些过时的类我还需要更新。谢谢你的回答@莱昂德拉很高兴我能帮上忙！祝你好运我有一个类似的问题，刚刚读到你提到透明重叠元素的问题/z-index让我走上了解决问题的轨道。对我来说，解决这个问题的方法就是增加z指数。谢谢我有一个类似的问题，刚刚读到你提到透明重叠元素的问题/z-index让我走上了解决问题的轨道。对我来说，解决这个问题的方法就是增加z指数。谢谢