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
Written by Walid
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#