Bad background layout on both desktop and mobile

[shatteringlass]

A picture speaks louder than a thousand words, so here's two.

Mobile (Android 4.4.2, Google Chrome Stable)

Desktop (Safari, Mac OS 10.10)

Also, I had to change the "play" glyph to ▶ because Google Chrome on Android would render the former glyph to a barred box.

[sunny]

Safari: this is an issue with background-attachment: fixed and background-attachment: cover. Simply resizing the browser fixes the issue :/. I guess the same happens under Android 4.4.2's Chrome.

A solution would be to implement the fixed background cover without relying on CSS3 attributes… Pull requests welcome ;)

[sunny]

@shatteringlass Would you be willing to try and find a background-attachment technique that worked with Safari?

[sunny]

I'm closing this for now. Let me know if you are still facing the issue today.