CodePen Embed - CSS Parallax Background

<body>
    <div class="wrapper">
        <div class="content">
            Background stays fixed as you scroll
        </div>
    </div>
    <div class="wrapper2">
      
    </div>
</body>

body {
    margin: 0;
}

.wrapper {
    background-attachment: fixed;
    background-image: url('http://lorempixel.com/1000/500/abstract/');  
    min-height: 500px;
}

.wrapper2 {
    background: blue;
    min-height: 500px;
}

.content {
    font-size: 2rem;
    text-align: center;
}

This Pen is owned by sconway on CodePen.

See more by @sconway on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.