В таком случае возникает еще одна неприятность: при убирании курсора с подменю и перемещении его сразу вниз на контент, он (контент), не реагирует на различные действия, так как по сути в этот момент мы все еще находимся на родители карусели.
Постараюсь объяснить:
Ситуация, когда у карусели z-index больше, чем у контента ниже: всплывающее подменю у карусели отлично работает. Но из-за того, что высота карусели выходит за пределы её обертки и перекрывает контент, он становится невосприимчив к каким-либо действиям: клики, реакция при наведении и прочее.
Ситуация, когда у карусели z-index меньше, чем у контента ниже: тут все наоборот, теперь контент работает как надо, а вот карусель, как и ожидается, не видна из-за неё.
@DeLaVega, возникает проблема: если карусель выше по оси z, чем контент, то она начинает перекрывать этот контент, а если ниже, то, соответственно, всплывающее подменю не видно из-за блока с контентом.
У меня подменю выводится из базы динамически. Теоретически оно может иметь любую высоту, но практически высота не должна превышать ~300px. В любом случае спасибо, попробую ваш вариант как будет доступ к проекту, о результатах отпишусь.
Можно решить проблему, используя overflow-x: hidden для html, но в таком случае полоса прокрутки не появляется даже если ширина окна меньше заданной.
Если задать данной правило для карусели, то при наведении на отдельный элемент меню, просто появляется вертикальная полоса прокрутки.
Спасибо, изучу. Но в данном случае достаточно будет использовать глобальные переменные для доступа к функциям. Вот только не пойму, как такое реализовать.