У меня есть выпадающее меню, использующее переход CSS для анимации и z-index: -1, чтобы скрыться за главной навигацией. Это прекрасно работает, если у nav нет других элементов прямо под ним, однако из-за z-index, когда я помещаю раздел с фоном solid, раскрывающийся список идет внизу. Конечно, если я перейду на более высокий z-index, выпадающий список будет go выше основной навигации.
Помимо изменения элемента, расположенного непосредственно ниже (в данном случае section) на position: absolute; z-index: -2, как я могу достичь желаемого эффекта? Я бы предпочел изменять только css свойства класса nav, а не раздела, если это возможно.
Вот проект для справки .