Пытаюсь сделать сладер, в котором стрелки навигации будут расположены по бокам невидимого контейнера, а в самих слайдах будут итемы, с которыми нужно взаимодействовать.
Столкнулся с проблемой, что почему-то нелогично работает z-index. Для текста слайда пытаюсь задать z-index больше чем для контейнера с навигацией и обоим задаю position, отличный от static, то есть всё вроде должно правильно работать, но нет, блок с навигацией всё перекрывает. В чем проблема?
У вас навигация слайдера спозиционированна не верно т.е кнопки не должны быть в блоке .
Для примера возьмите для slider_nav задайте background и увидите почему у вас не активны текст и кнопки https://codepen.io/topicstarter/pen/NLeWro?editors=0110 здесь я это исправил
Dymok, кнопки слайдера не должны быть в контейнере ! Вы этим самым контейнером перекрыли свой слайдер - поведение типичное - то есть правильное у z-index
Nikita-Fast, так ведь я задаю для контейнера с кнопками z-index:3, а для контейнера с текстом z-index:4, почему в таком случае контейнер с текстом получается ниже контейнера с навигацией?
Dymok, ну как сказать - приблизительное поведение так выглядит : вы накрыли лист бумаги другим и вот .... z-index может поднять в иерархии блоков но не слоёв ... примерно у вас структура должна быть такая :
-родитель
---потомок с контентом
---потомок с контентом
---потомок с контентом
-навигация
Nikita-Fast, а возможно ли тогда сделать это так, чтобы и стрелочки навигации работали, и интерактивное поведение слайдов оставалось? Как решение вижу добавить блок со стрелочками в каждый слайд, но тогда они листаются вместе со слайдом и это не очень красиво
Nikita-Fast, текст слайда нельзя выделить (и вообще как-либо взаимодействовать с элементами слайда), по макету там еще и кнопка должна быть, а в таком случае на нее не нажать
Простой
