Привет всем. Есть в общем макет (гриды и флексы) в

Question

Привет всем. Есть в общем макет (гриды и флексы) в

общем делаю слайдер (это ячейка в гридовой сетке, у которой стоит свойство backgroungimage, поверх этого есть текст и кнопка, по краям есть кнопки навигации (стрелки), вопрос, почему у меня не работает свойство :hover: cursor pointer при наведении на эти самые стрелки, если я их выношу в разметке за пределы контейнера с изображением то все хорошо, но если они в разметке находятся на месте то ничего не происходит, даже если с помощью абсолютного позиционирования я вынесу их за пределы, куда копнуть, уже экспериментировал с z-index и оболочкой но не помогает.
JSBIN прикрепляю: https://jsbin.com/hozaboweme/edit?html,css,output

#css #frontend #html #programming #russian

0

11.05.2023

3 ответов

9 просмотров

Name 2285 Автор вопроса

`
Смотри. Там у тебя где slider-img стоит z-index: -...

да, я это примерно понял, но такой момент как в таком случае мне и рыбку сьесть, тоесть отпозиционировать кнопки относительно самого slider-img и сделать так что б они работали? Если я задаю отдельно на класс кнопки z-index то он не применяется и ничего не происходит. Можно спозиционировать и по сетке, но это получится что кнопки будут отвязаны от самого изображения.

0

11.05.2023

Name 2285 Автор вопроса

`
Смотри. Там у тебя где slider-img стоит z-index: -...

блин спасибо, я допетрил, убрал z-index с самого изображения и добавил на контейнер с текстом другой z-index, получается наоборот задал так что бы текст был слоем выше и все заработало. Еще раз спс за наводку!)

0

11.05.2023

` · Accepted Answer

`

Смотри. Там у тебя где slider-img стоит z-index: -1; А эти кнопки у тебя внутри slider-img, поэтому z-index 3 кнопкам когда даешь они все равно внизу остаются.

0

11.05.2023

169 похожих чатов

Привет всем. Есть в общем макет (гриды и флексы) в

3 ответов

Похожие вопросы