Chrome "unable to load" an image as CSS 'background' - then it blames jquery <p><strong>Hurr durr durrr disable adblock when working on sites that have ads. Bah.</strong></p> <p>I have an image set through straight CSS as a background image on a div element. For some reason, the image (which is actually web accessible) isn't loading. Chrome dev tools show an error, but the error seems to blame jquery.</p> <p>Failed 'GET' request</p> <p><img src="https://i.stack.imgur.com/f1dzf.png" alt="failed &#39;Get&#39; request"></p> <p>Chrome blaming jquery</p> <p><img src="https://i.stack.imgur.com/1TbcN.png" alt="chrome blaming jquery"></p> <p>Basic CSS</p> <p><img src="https://i.stack.imgur.com/UbKos.png" alt="basic css"></p> <p>Image is accessible by chrome</p> <p><img src="https://i.stack.imgur.com/hWSIr.png" alt="image is accessible by chrome"></p> <p>No CSS is overriding the image</p> <p><img src="https://i.stack.imgur.com/HoLhm.png" alt="nothing overriding the image"></p> <p>Chrome tools don't give me much - other images loaded in the exact same way, from the exact same place seem to load fine.</p> <p><img src="https://i.stack.imgur.com/8RNHp.png" alt="other images loaded"></p> <p>So I'm at a loss here. No idea why it's not showing up (ignore the '.dev' domain for the moment - it's just pointing to my local apache, and this same problem is showing up on the production site, too).</p> <p>Although I don't think it's affecting it, I'm using Laravel 4 as a background PHP framework.</p>