Задать вопрос

Зиндекс не срабатывает для стрелки, как спрятать стрелку под блок?

Пытаюсь сделать стрелку .arri1::after позади блока .infog>div, чет не вышло.
При наведении на блок, происходит ховер, и стрелку не красиво видно, вот я и пытаюсь ее за блок скрыть, чтоб только кончит торчал который видно, ну или можно чтобы стрелка тож цвет меняла, при наведении на блок, тож чет не вышло сделать так.

Пробовал так:
.infog>div:hover .arri1::after {
border-left: 25px solid #CCBBA0;
}


У стрелки
.arri1 {
    position: relative;
    z-index: 10;
}
.arri1::after{
position: absolute;
z-index: 10;
}


У блока
.infog>div {
position: absolute;
z-index:8100;
}


Рабочий примет тут:
https://codepen.io/AXOT/pen/QWroPoE
  • Вопрос задан
  • 58 просмотров
Подписаться 1 Простой 7 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
ws17
@ws17 Автор вопроса
Решение было таким, сделал чтобы стрелка тож цвет меняла, раз уж не удалось ее под блок спрятать.

https://codepen.io/AXOT/pen/QWroPoE
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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