JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
    <div id="fixedbg">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
</body>

CSS

html,body{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    overflow-x:hidden;
}
#fixedbg{
    background:url('http://mcfaddengavender.net/dev/wwl/wp-content/uploads/2013/04/poolbg1.jpg') no-repeat left top;
    height:100%;
    position:fixed;
    width:100%;
    z-index:-1;
    top:0;
}
.content{
    margin:20px;
    background:#666;
    height:200px;
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}