Hello! I couldn’t find a thread similar to this one, so apologies in advance if this is answered elsewhere. No amount of googling helped me with this issue either.
I’m building a small portfolio site for myself, which has an image as the background. When going between pages of the site on Firefox and Internet Explorer, the image remains intact and looks perfect!
However in Google Chrome, when going between pages, the image flickers upon page load. It’s very brief (just a quick flash of white!), but it doesn’t look very nice. :c Is there anything I can do to stop the image from doing this? Or is it an unfixable issue with Chrome?
In case my code is needed:
body
{
background: url('background.jpg') fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
padding: 0;
}