Background images with parallax effect issue chrome

Question

I am developing a website with parallax effect. The site is divided in some sections and there is a menu that controls the navigation for the sections. The mouse scroll is disabled.

My problem is that the background images from the sections 2,3,4 and 5 is not displaying when i try to open the site in Google Chrome. This problem starts to occur this week. Before this, the site was normal.

I tested in Firefox and Opera and is normal.

I got this layout how base: http://www.ratatattoo.it/ and the same problem is happening there.

My site is: http://www.tmaki.net .

PS: Sorry, my english is bad.

Answer 1

Ricardo I believe I know what your problem is. I've had a similar issue and this can be resolved in a number of ways. The issue revolves around the background-attachment: fixed; property.

This issue has been resolved once before here.

There is also another solution to this. By adding a transition to the background image to effectively move it's position then reset it. Try adding this code to each element using a background image with a fixed position.

-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);