Last Updated: February 25, 2016
·
1.098K
· walidvb

Background-attachment:fixed; bug in Chrome

It seems that Chrome cannot render background-attachement:fixed; images when a parent element has either transform: translate3D(); or -webkit-backface-visibility: hidden;

So remove those properties on the parents.
Example:
http://codepen.io/herzflimmern/blog/chrome-bug-with-fixed-background-and-translate3d

Related links:

PS: animate.css adds this to <body> to fix another bug, text-smoothing on animated elements that are not in a 3d context: http://bit.ly/NEdoDq