Как обработать события canvas под элементами?

Question

[Игорь Мисайлов]

Всем привет. Подскажите пожалуйста, как сделать так что бы при наведении курсора на элемент, который находится сверху над canvas, анимация не прекращалась а работала. Сейчас при наведении на заголовок, анимация останавливается и больше не работает пока курсор над заголовком, подскажите что исправить или добавить в коде чтобы решить проблему

Answer 1

[imko]

pointer-events: none;
для текста

Comments

[Игорь Мисайлов]

Большое спасибо. Помогло. А, подскажите ещё один тогда момент, у меня блок, на который хочу применить данное свойство, но кнопки в блоке должны продолжать работать, как здесь поступить?

[imko]

Igormisaylov, оно наследуемое, так что просто кнопкам укажите pointer-events: auto

[imko]

Igormisaylov, ну тогда на кнопках снова дымок отвалится) чтобы именно прокидывать события мыши на фон нужно будет скриптом повесить на кнопки слушатель движеня мыши над ними и в обработчике вызывать это же событие на фоне

Answer 2

[formasters777]

могу ошибаться, но Вы можете попробовать сделать первый слой чёрный, второй слой надпись, третий слой canvas,
используя z-index? и наложение например.