使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？ THX。

Answer 1

尝试使用z-index更改图层。

添加css属性：

z-index: 4;

如果数字仍然重叠，请继续增加数字。 这应该让黑匣子出现在前面。