javascript - 如何始终在顶部显示html表格

Question

我正在创建表格

#myUL li a {
  background-color: #f6f6f6;
  padding: 5px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  color: black;
  display: block;
}

#myUL li a.header {
  background-color: #e2e2e2;
  cursor: default;
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}

<input type="text" id="myInput" list="myUL" onclick="openingList()" onkeyup="openingList()" style="width:90%; ">
<ul id="myUL" hidden=true>
  <li>
    <a href="#"></a>
  </li>
</ul>

点击输入标签时 myUL 正在打开。现在我在某个盒子的顶部实现了它。现在的问题是，当我单击时，myUL 没有完全显示，因为它被框隐藏了。如何始终将其显示在最前面。

注意:

• 应用 z-index 也不起作用。
• 输入法也无效。

谁能帮我解决这个问题。

Answer 1

您应该使用 z-index，但是，它适用于 (position:absolute、position:relative 或 position :fixed)
所以你必须将 Position 属性添加到你的 #myUL li a 样式