So after a million tries I finally have my Parallax website background up and running on http://teeria.net/ Now the only issue is (as you can see for yourself) is that whenever you enter the website you can't click any button and once you click and grab anywhere you will see that you're grabbing one of the images seen in the Parallax effect.
So I assumed that the the Parallax is above the website layer which I can't edit directly which is the reason why I injected the code with Code Injection.
Now I have tried setting z-index: -1 and -9999; in the CSS, but sadly didn't change anything. So i assumed it had to do with the code and I found a line which could make this possible which is: object.style.zIndex="-1"
Sadly I barrely know anything about JS and I was wondering if someone could possibly help me solve this problem as I am so close to making it work, If you need the code I can always upload it.
Thanks in advance.
One of the simplest fixes is to add a pointer-events rule to your parallax wrapper:
.css3-wrapper {
pointer-events: none
}
What is does is basically telling that the wrapper should respond to no mouse/touch events (causing the clicks/taps to "go through"), which is fine in your case since the parallax is driven by JS.