製作HTML下拉至超過使用下拉列表控件的所有網頁內容

Question

我可是從http://www.w3schools.com/：

<div class="dropdown"> 
    <button onclick="myFunction()" class="dropbtn">Dropdown</button> 
    <div id="myDropdown" class="dropdown-content"> 
    <a href="#">Link 1</a> 
    <a href="#">Link 2</a> 
    <a href="#">Link 3</a> 
    </div> 
</div> 

但是下拉上面沒有藏起來，它重疊 顯示圖片：https://s24.postimg.org/vitjpspv9/image.png 我需要什麼CSS？謝謝。

Answer 1

嘗試使用z-index更改圖層。

添加CSS屬性：

z-index: 4; 

不斷增加的數量，如果它仍然是重疊的。 這應該允許黑匣子來到前面。