Задать вопрос
Capitan_S
@Capitan_S
Начинающий Сусанин

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

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

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

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