title: Achieve parallax effect using css background-attachment property
body: <p>Please check this JSBIN link. </p>
  
  <p><a href="http://jsbin.com/axeway/14/edit" rel="nofollow">http://jsbin.com/axeway/14/edit</a></p>
  
  <p>When you scroll the page you can see the parallax-like effect on the first div but for some reason, its not working with the other divs. The only difference is the background images. </p>
  
  <p>Not sure what's going on. The remaining divs are just scrolling normally even though i gave them a <code>background-attachment</code> property of <code>'fixed'</code>.</p>
  
  <p>Any help would be greatly appreciated.</p>