The question is not clear at all, but probably I understood that you want to have some background which does not scroll when you scroll you page. The solution is to make a pretty special background image property for the elements
html and
body. It can look something like this:
html body {
background: url("myBackgroundImage.png") fixed no-repeat center top;
}
The problem of such design is that the image has fixed size, but the page is not, so you can "run-out" of the image size from sides or bottom (in this case). I would say, when you use such such non-scrolling non-repeating background image for a big image is not the best idea: you cannot guarantee that such image would fill the page. I'm using this design to "tag" the page with small copyright/logo image (or some other image like that) which stay at the same location of the page on top of content and is not scrolled out.
For other options, please see:
http://www.w3schools.com/css/css_background.asp[
^].
—SA
Submit an article or tip