title: Why does my background image disappear sometimes?
body: <p>I'm really stressed about this, it's all of a sudden started to happen. It's a WordPress site, so excuse the logo of the site not working and so on... this is just one page saved as HTML.</p>
  
  <p>Link: <a href="http://bit.ly/1n7maKZ" rel="nofollow">http://bit.ly/1n7maKZ</a></p>
  
  <p>For some reason, if I leave a page open for a certain amount of time, or click on a link and then go back to it, the backup background color will kick in suddenly and the background image will disappear! I have no idea why. I'm using Chrome.</p>
  
  <p>My code in the header looks like this:</p>
  
  <pre><code>&lt;div id="background" class="background-size grayscale bg"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>#background {
      background: url("[WORKING LINK HERE]") no-repeat center center fixed #e1e1e1;
      background-size: cover;
  }
  </code></pre>
  
  <p>And...</p>
  
  <pre><code>.bg , #supersized {
      top:0;
      width:100%;
      height:100%;
      position:fixed;
      z-index:-20;
  }
  </code></pre>
  
  <p>Is there a way to prevent this? The annoying thing is, you probably won't get to see the issue because I have no idea what triggers it to suddenly drop the background image and resort to the alternate color. If I have a page open long enough in Chrome at least, it does it. Thank you for any help!</p>