У меня есть анимированная SVG карта узлов, которая следует за курсором, когда пользователь наводит на нее курсор. Я анимировал его с помощью Javascript, и он прекрасно работает, однако он должен быть фоновым элементом, что вызывает проблему:
Если svg находится за кнопками в нижнем колонтитуле (там, где он расположен), то события наведения мыши не срабатывают. Но если я размещу svg перед другими элементами, их нельзя будет щелкнуть.
Я пытался использовать:
pointer-events:none
Но это также блокирует события перемещения мыши, которые мне нужны. Итак, мой вопрос: могу ли я каким-либо образом разрешить события перемещения мыши, но при этом разрешить взаимодействие с другими многоуровневыми элементами?
Спасибо