title: How can I make a scrolling DIVs background transparent?
body: <p>I'm trying to make a semi-transparent image scroll up to reveal another image below it.</p>
  
  <p>So far, I've got the top image scroll up and the fixed image underneath, but I can't figure out how to get the transparent parts of the top image to show the fixed image underneath.</p>
  
  <p>I've made sure that the top image is transparent and tested it by setting the top slides background color to red, which works fine, but setting it to transparent still shows as white.</p>
  
  <p>In the CSS I've put both of these to no avail:</p>
  
  <pre><code>background-color: transparent;
  
  background-color: rgba(0, 0, 0, 0);
  </code></pre>
  
  <p>Could you tell me what I'm doing wrong or give me an alternate method to achieve this?</p>
  
  <p>Thanks.</p>
  
  <p><a href="https://jsfiddle.net/3vw52ncb/2/" rel="nofollow">https://jsfiddle.net/3vw52ncb/2/</a></p>