Steps to reproduce
When using CSS
perspective on the parent, and
transform: translateZ() to simulate parallax during scrolling, the background image (with a negative pixel value for
translateZ()) gets partially or fully lost in Edge if you scroll it off the screen, then back onto the screen.
Here is a JSFiddle to demonstrate an example of the problem:
Comments and activity
Added screenshots of before and after, showing that half of the background image is now missing. It is possible to lose the entire background image on this, as well.
- Microsoft Edge Team
Changed Assigned To to “Ibrahim O.”
Changed Assigned To to “Rick J.”
Changed Status to “Confirmed”
http://googlechrome.github.io/ui-element-samples/parallax/ might be a popular demo now, and the corresponding article for the technique: https://developers.google.com/web/updates/2016/12/performant-parallaxing