You want to have a background image on the page that stays in its position even when the page is scrolling body { background-image: url(images/background.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; } Shorthand CSS would be: body { background:url(images/background.jpg) no-repeat center fixed; } Other solutions, fixing the image a certain distance from a side: body…