z-index无法正常工作

Question

我在3个容器中设置z-index时遇到问题。

前两个用于网页菜单，第三个用于语言选择。我不知道为什么展开的菜单不包括语言选择。

这是代码，谢谢你的建议！

HTML：

       n/low n/high sum
 [1,]  0       3    4.8
 [2,]  2       0    4
 [3,]  0       1    2.1
 [4,]  2       0    3.5

CSS：

 <div id="menu">
      <div class="nabidka">
<nav id="navigation">
    <a class="menu_button" href="#footer_nav" onclick="toggleNav(); return false;">MENU</a>
    <ul id="navigation_list" role="navigation">
<li style="padding-left: 0;"><a href="/">HOME</a></li>
......
    </ul>
</nav>
      </div>

      <div id="lang">
language select...
      </div>


      </div>

Answer 1

您需要向所有具有position属性的元素添加z-index属性。尝试向所有人添加position: relative。

另请参阅此文档：z-index CSS | MDN