CodePen

HTML

            
              <html>
  <body>
    <h1>placeholder heading</h1>
    <p>random text</p>
  </body>
</html>
            
          
!

CSS

            
              @import "compass/css3";

body{
  @include background-size(cover);
  background-image: url(http://lorempixel.com/output/city-q-c-1280-1024-10.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
            
          
!

JS

            
              
            
          
!
999px
Loading ..................