Capitan_S
@Capitan_S
Начинающий Сусанин

Как сделать так, чтобы изображение с большим z-index не препятствовало нажатию кнопки под ним?

В задачке есть изображение, которое накрывает край кнопки. Изображение представляет собой фигуру женщины с прозрачными зонами. С помощью абсолютного позиционирования и z-index, я разместил её в нужном месте (она по задумке дизайнера должна как-бы наезжать на кнопку) и столкнулся с проблемой, что теперь когда я навожу мышку на кнопку, я навожу на прозрачную часть изображения и соответственно кнопка не нажимается. Как можно решить данную проблему с помощью css? Или такое можно порешать только с помощью Photoshop?
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
seoperin
@seoperin
Full stack web developer. Laravel / Vue
pointer-events: none; применить к картинке. Но это будет действовать на всей картинке, а не только на прозрачных частях. То есть все клики будут идти сквозь картинку
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
loly_girl
@loly_girl
Верстальщица, дизайнер, ретушёр
Разрежьте женщину на несколько частей с разной шириной так, чтобы незанятое изображением место попало под кнопку.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы