我正在创建表格
#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 也不起作用。
- 输入法也无效。
谁能帮我解决这个问题。
最佳答案
您应该使用 z-index
,但是,它适用于 (position:absolute
、position:relative
或 position :fixed
)
所以你必须将 Position 属性添加到你的 #myUL li a
样式
关于javascript - 如何始终在顶部显示html表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44901406/