Ok quieres que la imagen se mueva al deslizarse la barrita, entonces no puedes ponerla como imagen de fondo en el body. Tu solución va por dos caminos, o usas javascript lo que haría eso pesado, o simplemente metes ese fondo en un div container que baje con la barrita, mira imagino que la barrita esa va a empujar algún div no?
Mi solución es que maquetes asi:
Código HTML:
<html>
<body>
<div id="barrita">
</div>
<div id="container">
aca toooodo tu contenido
</div>
</body>
</html>
Luego haces lo siguiente:
Código:
#barrita{
position:relative;
width:100%;
}
#container{
position:relative;
width:100%;
}
Y asi dentro del container pones toda tu maquetación.
Saludos!!