Задать вопрос
@kauzlein
css

Почему срабатывает hover в chrome при наведении на скрытую часть изображения через overflow?

https://jsfiddle.net/u5yam6hb/1/

Используются, "длинные" изображения скрытые через overflow.
Суть в том, что в Chrome срабатывает анимация при наведении на скрытую часть изображения. В других браузерах проблема не повторяется. В примере добавил один блок сверху для наглядности.

С чем это связано? Как исправить?
  • Вопрос задан
  • 290 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
@AlikDex 
.square-items {
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    margin: 5px;
    overflow: hidden;
}


Или добавить:
.square-item {
    position: relative;
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Kayun
@Kayun 
.square-item {
   pointer-events: none;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Ещё заказы