Z索引为负的下拉菜单被隐藏在元素下

Question

我有一个下拉菜单，使用CSS过渡进行动画处理，z-index: -1隐藏在主导航后面。如果导航器下面没有其他任何元素，则此方法很好用，但是由于z-index的原因，一旦我放置了具有稳定背景的部分，下拉列表就会显示在下面。当然，如果我更改为较高的z-index，则下拉列表将超过主导航。

除了直接将下面的元素更改为position: absolute; z-index: -2之外，如何获得所需的效果？

这里是project for reference。

Answer 1

将section位置值更改为relative

section{
  ...
  position:relative;
}