title: how to blend-out a background image when scrolling down
body: <p>I have one page website on which I would like to fade out the <code>&lt;body</code> background  on scroll down. I have tried around with <code>jQuery</code> but seem unable to find the correct selector. I can get my <code>&lt;body</code> elements to fade but the <code>background-image</code> stays at full opacity. I've tried:</p>
  
  <pre><code> $(window).scroll(function() {
      $("body").css({
          'opacity': 1 - (($(this).scrollTop()) / 250)
      });
      });
  </code></pre>
  
  <p>Please see: <a href="http://inetgate.biz/ron.eggler/" rel="nofollow noreferrer">http://inetgate.biz/ron.eggler/</a></p>