如何始終顯示HTML表格之上

我創建表如何始終顯示HTML表格之上

#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也不能正常工作。
在輸入中鍵入也不起作用。

任何人都可以幫我解決這個問題。

來源

2017-07-04 David

儘量讓小提琴並分享。 –

@David你的'opensList（）'在哪裏？ –

查看這個https的CSS結構https://stackoverflow.com/questions/29732488/how-to-get-a-drop-down-menu-to-overlay-other-elements –

添加

#myUL li a { 
    position: absolute; 
}

來源

2017-07-04 09:02:44

你怎麼形容它？ –

你應該使用z-index，但是，它與（position:absolute，position:relative，或position:fixed）
所以你要的位置屬性添加到您的#myUL li a風格

來源

2017-07-04 09:53:25

如何始終顯示HTML表格之上

回答

相關問題