Performance

Sous Chrome, cette propriété css fait ramer le navigateur. Utiliser plutot comme le préconise ce site

• https://coderwall.com/p/j5udlw/improve-scroll-performance-of-chrome-when-using-background-size-cover
• http://stackoverflow.com/questions/19502454/background-sizecover-performance-issues
• http://kristerkari.github.io/adventures-in-webkit-land/blog/2013/08/30/fixing-a-parallax-scrolling-website-to-run-in-60-fps/

L’idée de rajouter un translate3d améliore les performances mais crée un autre bug ou certaines parties de l’image ne se rafraichisse plus.

• http://codepen.io/herzflimmern/blog/chrome-bug-with-fixed-background-and-translate3d ce site propose de mettre translate

bref l’alternative en css ou javascript

• http://css-tricks.com/perfect-full-page-background-image/