BlackerAndrew
@BlackerAndrew
Начинающий вёрстальщик

Как правильно задать z-index блоку?

Всем доброго времени суток.
Выдержка вёрстки:
https://codepen.io/blackerandrew/pen/xxROyyZ
Вопрос, почему первая картинка при наведении остаётся на переднем плане? Точнее, в блоке hover'а текст правильно выставлен на передний план, а фон не хочет никак перекрывать картинку. Что сделать, подскажите?
Эта часть вёрстки по идее должна решить проблему, но не решает:
.about-photo1-mobile:hover,
{
  z-index: 10;
}
  • Вопрос задан
  • 130 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy
Верставший фронтендер
Теория

хотфикс решение:
.about-photo1-mobile:hover .about-photo1-hover {
    display: block;
    width: 762px;
    height: 722px;
    left: calc(50% - 332px/2 - 1px);
    background: rgba(237, 231, 230, 0.9);
    margin-top: -380px;
    padding-top: 47px;
    transform: translate3d(0,0,0); /* new */
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 мар. 2021, в 15:26
70000 руб./за проект
04 мар. 2021, в 15:26
3000 руб./за проект
04 мар. 2021, в 15:23
2500 руб./за проект