Simple Parallax Effect in Responsive Design

In a recent project I came across a problem when a client wanted a simple parallax effect for an image slider.

Basically, he wanted an effect where the content would scroll over a fixed image slider. On a non-responsive site this is easily achievable by giving the container for the slider a quick set of rules:

#slider {
    z-index: -1;
    position: fixed;
    width: 100%;
}
#content {
    margin-top: 450px;
}

Continue reading Simple Parallax Effect in Responsive Design