html - 无法在输入文本字段中键入

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; 来解决这个问题}。似乎视口(viewport) block 太大，溢出了输入字段。 z-index 使输入字段更“重要”- 它越大，元素变得越重要。