title: Css Viewing Background image through a small content
body: <p>I have been searching all day for a tutorial on how can i have a background image that can be viewed through content that is seating on top of the page. For example if you scroll down this site </p>
  
  <p><a href="http://newsmartwave.net/magento/legenda/index.php/?___store=english3" rel="nofollow">http://newsmartwave.net/magento/legenda/index.php/?___store=english3</a></p>
  
  <p>you will see an image appears in the centre of the page and if you move further down the image disappears, it is like the image is in the background and the page is on top of it. Could someone please direct me to a tutorial that shows how can i achieve this technique? Thank you very much in advance for your support.</p>
  
  <p>This site is another example </p>
  
  <p><a href="http://newsmartwave.net/magento/legenda/index.php/?___store=english7" rel="nofollow">http://newsmartwave.net/magento/legenda/index.php/?___store=english7</a></p>
  
  <p>look down at the company achievement section and see the background image that is behind it.</p>