Issue with background image flicker in Google Chrome?


#1

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;
}

#2

Hey Ashley,

It sounds like this is just an issue with how the browser loads the page; Firefox and IE probably keep the current page showing until the next one is ready to show, and Chrome probably removes the current page, then loads in the new page.

Without using some JavaScript, there's no easy way to fix this that I'm aware of.