George Reith
George Reith

Reputation: 13476

Google chrome only partially loading background images

I am having trouble with my website in chrome on both windows and mac, I have had multiple people test it on multiple computers and this behaviour is not 100% of the time but is very common. The website in it's current state can be viewed at: georgereith.com/test/

The image below shows how my website should look currently:

website screenshot

However when some people with chrome open it, it loads like this:

broken website screenshot

The strange behaviour is that when you start to highlight things where the missing background should be, chrome appears to render more of the background:

highlighted broken website screenshot

Does anyone know what could be causing this behaviour?

Upvotes: 6

Views: 1569

Answers (1)

Emil Stenström
Emil Stenström

Reputation: 14126

This seems to be a Chrome bug, but I can't find any reference to it.

It seems to go away when I start the web inspector, so maybe you could try to run some dummy javascript on the element that's misbehaving (Note: I'm just guessing here):

var acc = document.getElementById("accordion");
acc.className = acc.className;

This should force a reflow.

Upvotes: 1

Related Questions