无法在输入文本字段中输入内容

Question

我无法在输入字段中输入内容。当我删除第一个具有 id="viewport" 的 div 时，我可以在输入字段中输入内容。我怎样才能解决这个问题？

<div id="viewport"></div>
<div class="form">
  <h2 id="h2">Need a project from<br>Google Cloud Storage?</h2>
  <form id="fileDownloadForm" method="GET" action="downloadBlob2" enctype="multipart/form-data">
    <input type="text" id="textBox" name="objectToSearch" placeholder="Type the name of the project here." />
    <button id="downloadBtn" type="submit" class="btn btn_primary">Download</button>
  </form>
</div>

Answer 1

您可以通过添加 css 属性来解决此问题#textBox{ z-index:1000; }。视口块似乎太大并且溢出了输入字段。z-index 使输入字段更加“重要” - 它越大，元素变得越重要。