使HTML下拉列表高于所有页面内容

Question

im从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;

如果仍然重叠，请继续增加数字。这应该允许黑匣子到达前。