title: CSS Background Images not loading
body: <p>I've got a very strange bug in chrome recently that is when you load the page first time, or in incognito mode that none of the background images show.</p>
  
  <p>when you then F5 the page, the background images all load in.</p>
  
  <p>When you inspect the css it shows the image url in the css panel, however when you mouse over the url it doesn't display a tool tip with a preview of the image.</p>
  
  <p>Neither when you check the downloaded resources are there even any mention of the background-images downloading.</p>
  
  <p>you then refresh the page and it works fine, tool-tip of the css url even shows a preview.</p>
  
  <p>The bug only randomly happens on first load occasionally, no way to guarantee to reproduce this.</p>
  
  <p>Also its worth to note, it you untick then retick the background-image property on chrome it then downloads and displays the image.</p>
  
  <p>I've got a piece of jquery that solves the issue but as you can see its hardly very elegant!</p>
  
  <pre><code>$('*').each(function(){
  var bg = $(this).css('background-image');
  $(this).css('background-image', 'none');
  $(this).css('background-image', bg);
  
  });
  </code></pre>
  
  <p>this happens on every instance of windows in multiple versions of chrome.</p>
  
  <p>any ideas would be great! thankyou!</p>
  
  <p>you might be able to see it happen on <a href="http://ensa.ac.uk" rel="nofollow">http://ensa.ac.uk</a></p>
  
  <p>here is a video demonstration @ <a href="http://youtu.be/oLTyhk5rXgE" rel="nofollow">http://youtu.be/oLTyhk5rXgE</a></p>