Как правильно перекрыть слои?

Question

[metori]

Привет. В общем, очень нужна помощь. Имеется такой код https://codepen.io/anon/pen/jwzeOY
В идеале параллакс должен срабатывать при движении курсора в любом месте экрана, но все ссылки, действия должны работать тоже. В блоке голубом с ссылкой, не работает ссылка, если сделать ей z-index, то не будет параллакс работать. Как исправить?

Answer 1

[Adikjoro]

Не понимаю что там делает canvas. Вы его юзаете для параллакса? Где вы нашли такой сложный велосипед?) Вот самый короткий код, которым можно создать эффект параллакса, при этом не теряется кликабельность других элементов. Всю инструкцию расписал внутри.

Comments

[metori]

Благодарю. Отличное решение!

[metori]

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

[Adikjoro]

metori: Вот, пожалуйста). На всякие случаи добавил возможность инвертировать траекторию параллакс эффекта.

[metori]

Adikjoro: спасибище, добрый человек!

Answer 2

[Nevada18]

обычно слои перекрываются с помощью z-index

Comments

[metori]

Ну, никак оно не хочет перекрыть, чтобы все работало.
Если z-index делаю у блока с текстом больше, чем у canvas, то в этом блоке когда курсором водишь, не работает параллакс, если наоборот сделать, то параллакс в этом блоке работает, но ссылка нет, и как перекрыть?

Answer 3

[simka alien]

https://codepen.io/simkaUser/pen/vZRPRr а вот так вот , вариант ?