title: Fixed Background Scroll Effect
body: <p>short question: How do I achieve this scrolling effect with css? -> </p>
  
  <p><a href="http://focuslabllc.com/" rel="nofollow">http://focuslabllc.com/</a></p>
  
  <p>I already tried this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#one {
      background: url(http://images.buzzillions.com/images_products/07/02/iron-horse-    maverick-elite-mountain-bike-performance-exclusive_13526_100.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment:fixed;
  }
  
  #two {
      background: url(http://img01.static-nextag.com/image/GMC-Denali-Road-Bike/1/000/006/107/006/610700673.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment:fixed;
  }
  </code></pre>
  
  <p>Thanks! :)</p>