Today I experienced a very frustating bug where Google Chrome (37) stopped render a background image with background-attachment: fixed. I searched a few hours, but found no right solution. Mostly the answers to similar problems where: put transform: translate3d(0,0,0) on the body or transform: translateZ(0) on the element. But that didn't help.

After investigating my CSS, I found out that the use of "transform: translate3d" anywhere on the site breaks the fixed background. Switching to "transform: translate" helped.

Here is a Demo, be sure to view it with Google Chrome.


16,168 3 10