Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 934
George Reith Avatar asked Jan 01 '12 11:01

George Reith


People also ask

Why does Google images only show a few pictures?

The company's "SafeSearch" option filters what images you see when you enter a search term. This can be useful if children are using the computer or if you're at work. But if you selected the "Strict" setting, sometimes no images may appear.

Why are my images not loading on Chrome?

Chrome could've stopped loading images because of corrupted files in its data folder. The easiest fix is to rename the current data folder so that Chrome will create a new one. If you're using Windows 10, Press Windows key + R to bring up a Run dialog. Type %appdata% and press Enter.

How do I view full screen images in Chrome?

To go full screen on Google Chrome, click the full screen mode icon in its hamburger menu. You can also enter full screen by pressing "F11" on PC or "Control + Command + F" on Mac. Mac users can also press the "expand window" button to enter or exit full screen in Chrome.

Why do images appear broken in Chrome?

Verify Site Settings If Chrome fails to load up images on every website, you can start by verifying the Content Settings in Chrome. If you've accidentally disabled Chrome from loading images, then you might see broken image icons on Chrome.


1 Answers

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.

like image 136
Emil Stenström Avatar answered Sep 21 '22 22:09

Emil Stenström