如何在顶部显示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）所以您必须将“添加位置”属性添加到您的#myUL li a样式

Answer 2

添加

#myUL li a {
    position: absolute;
}