title: How to hide content that is scrolled under a transparent div?
body: <p>You have two divs, one over the other, and the one on top is transparent. However, when you scroll you want the div on the bottom to hide as it goes under the first <em>transparent</em> div. </p>
  
  <p>You don't want the second div's <code>display:</code> to change to <code>none;</code> as soon as it goes under the first div. You just want the part that is under to be hidden. </p>
  
  <p>I've googled extensively for an answer:</p>
  
  <p><a href="https://stackoverflow.com/questions/9688079/transparent-static-header-would-like-to-not-end-up-with-text-showing-under-the-h">1) Hide Scrolling Content Under Transparent Header</a></p>
  
  <p><a href="https://stackoverflow.com/questions/6529421/hide-scrollable-content-behind-transparent-fixed-position-divs-when-scrolling-th">2) Scrollable Content Behind Transparent Fixed Position Divs When Scrolling The Page</a></p>
  
  <p><a href="https://stackoverflow.com/questions/5492375/scrolling-body-underneath-a-transparent-header-div">3) Scrolling Body Underneath a Transparent Header Div</a></p>
  
  <p><a href="https://stackoverflow.com/questions/9688079/transparent-static-header-would-like-to-not-end-up-with-text-showing-under-the-h">4) Transparent Static Header Would Like to Not End Up With Text Showing Under The Header When Scrolling</a></p>
  
  <p><a href="https://stackoverflow.com/questions/11287575/hide-scrolling-content-under-fixed-transparent-header-scroll-background">5) Hide Scrolling Content Under Fixed Transparent Header Scroll Background</a></p>
  
  <p>#1-4 answer make the div on top <code>background: inherit</code> or <code>background-image: url('background_image.jpg)'</code>. The problem with this for me is my background is a photograph, i.e. as you scroll down what you see is different, as opposed to a colour or a pattern. The "background" of the transparent div needs to change as the real background changes.</p>
  
  <p>#5 offers a solution to this using JQuery however there are horrible, horrible issues with scroll lag in browsers not Firefox. </p>
  
  <p>Folks, how do I do it?</p>