We have a website whose background is a stack of images through which we go with JavaScript.
We check whether the next image is loaded before switching to it, and it works fine on Chrome, Safari, IE, and all mobile browsers, however on Firefox we sometimes get a white flash.
This problem also happens if we make sure that all the images are preloaded so it's not a problem that FF shows the image before it has finished loading. I've seen the question asked elsewhere but from the user's perspective, and the solution was to disable hardware graphics acceleration, which does not solve completely the problem but reduces it. However we obviously can't ask that from our users.
Similar problems were reported in other questions:
- jquery animate (height) causes background-image flickering in firefox
- Image Flickering only in Firefox
- Firefox background image flickering when using multiple instances and background-size
- skrollr background image flicker in Firefox
However none has a clear solution. Does anyone know how to correct for this?
Cheers!
