Свойство z-index является достаточно сложным для понимания.
В данном случае всё зависит от того, что подменю является дочерним элементом по отношению к главному меню.И если главному вы задаете z-index: 8; то поскольку подменю - элемент вложенный и будь у него написано хоть z-index: 1000; считается, что z-index у них одинаковый (наследуется) и сверху будет тот элемент, который в коде написан выше. Это главное меню.
Когда вы убираете z-index у главного меню (свойство возвращается в значение по умолчанию - auto), то для подменю вам хватает z-index: 1; , чтобы поднять его наверх.
Статья по теме.
5 лайков