Static Background

[jeff_archer7]

How do you have a picture in the background remain static with the text scrolling over the top....

do you know what I mean......

I'm new at this

[Paul Jr]

This belongs in the CSS section, but here's the code that should get it done.


<style type="text/css">
body {
background-image:url(the/url/to/your/image.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-position:top
}
</style>


Where it says, "background-repeat:repeat;", you can change the "repeat", which repeats the image untill it fills up the entire visible background, to "repeat-y" which repeats the image from the top of the screen to the bottom, or "repeat-x" which repeats the image from left to right.

If I've missed something, which I might have, someone let me know.

[pyro]

You could do the same thing in shorthand:

background: url(bg.gif) repeat fixed top;

[Paul Jr]

O.o I was unaware of this shorthand for background properties. Sweet!

[jeff_archer7]

Awesome guys...... thanks for that.......
Will this appear the same in most browsers I can only check on ie6 and netscape
jeff

[DaveSW]

I know IE5.5 supports it.