Javascript 如何将下拉菜单隐藏在顶部菜单后面？

z-index似乎不适用于开放式下拉列表

当用户首先单击下拉菜单，然后将鼠标悬停在顶部菜单（这是一个具有绝对位置和高z索引的div）上时，打开下拉菜单仍显示在顶部菜单的顶部。我想把它藏在菜单下面

如何隐藏打开的下拉列表？（不使用javascript）

编辑：不可能，请参阅

我做了一把小提琴来说明这个问题：

下面是代码（当顶部菜单打开时）：

HTML:

---

我认为这是浏览器控制的项目，将始终出现在顶部。尝试使用一些插件，如selec2或选择自定义下拉菜单，您可以完全控制它。

我认为它是浏览器控制的项目，将始终显示在顶部。尝试使用一些插件，如selec2或选择自定义下拉菜单，您可以完全控制它。

不可能，请参阅：ok。一、 我在找一个类似的问题，但没有找到。我将把我的问题标记为重复问题。谢谢不可能，请参阅：ok。一、 我在找一个类似的问题，但没有找到。我将把我的问题标记为重复问题。谢谢

<div id="topmenu"></div>
<br>
<div class="dropdown">
    <select>
        <option>1</option>
        <option>1</option>
        <option>1</option>
    </select>
</div>

#topmenu {
    position:absolute;
    min-height:80px;
    width: 15px;
    background: red;
    z-index: 50;
}

 select {
     z-index: 10;
     position: relative;
 }

 .dropdown {
     z-index: 10;
     position: relative;
 }