Background Attachment Fixed

by colintoh

HTML

<div id="wrapper">
    <div class="filler"></div>
    <div id="box" class="photo-bar"></div>
    <div class="filler"></div>
    <div id="box2" class="photo-bar"></div>
    <div class="filler"></div>
</div>

CSS

#box{
    background:url('http://2.bp.blogspot.com/-WtdFq_e6eKo/TV5W5s-hS-I/AAAAAAAAAvM/gmCUYOx3bX8/s1600/Animals_Cats_Small_cat_005241_.jpg') no-repeat center center;
}

#box2 {
    background:url('http://www.naughtycats.net/wp-content/uploads/2011/09/14_4_orig.jpg') no-repeat center center;
}

.photo-bar {
    background-size:cover;
    background-attachment:fixed !important;
    width:100%;
    height:200px;
}

.filler {
    width:100%;
    height:400px;
    background:#ccc;
}