@Alexandr13

Почему при наведении пропадает border-radius в SAFARI?

на сайте q962037k.beget.tech в блоке "Галлерея" при наведении на изображение, оно увеличивается, но в safari при этом пропадает скругление, в других браузерах все нормально. Изображение обернуто в обертывающий div, у которого и задал значение border-radius и overflow: hodden
Как сделать так, чтобы в safari не пропадало это скругление при наведении? Может кто сталкивался с такой проблемой?
  • Вопрос задан
  • 633 просмотра
Решения вопроса 1
@Alexandr13 Автор вопроса
Нашел решение, помогло добавить для изображения и обертывающего блока position:relative и z-index(у обертки - 4 и у самого изображения - 3 соответственно)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Вот ещё хорошее решение. Добавить для обертывающего блока с overflow это:
-webkit-mask-image: -webkit-radial-gradient(white, black);
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 12:20
10000 руб./за проект
22 нояб. 2024, в 11:53
3000 руб./за проект
22 нояб. 2024, в 11:51
20000 руб./за проект