5
Contributors
5
Replies
6
Views
7 Years
Discussion Span
Last Post by Veneficae
0

Place the following code within style tags, within the header of the page.

body {
background-image: url(imagepath/filename.jpg) no-repeat top center fixed;
}

So on your page, it'll look something like this:

<style type="text/css">
body {
background-image: url(imagepath/filename.jpg) no-repeat top center fixed;
}
</style>
</head>

Edited by Veneficae: n/a

0

also make sure that the picture you use as your background picture fits well in all screen resolutions. so when you have a screen of 800 x 600 you still get the main idea of the background and when you view it in higher resolutions that the image does not cut off.

0

How do I accomplish the total opposite? To have a non-static image in the background? In other words to be able to have different pictures in the background through the site. I can't figure this out grrrrrrrr:confused:

Edited by BelgianQueen: n/a

0

Do you mean that you want images changing every so often on a page, or so each page has a different background? If you want a different image as a background on each page all you need to do is have the images, and apply the code I put in my earlier post in each page, and change what image it links to in that code. If you wanted images changing in the one page every so often, well... that would require jQuery, and I'd advise against that to keep user's familiarity with pages - if the background images always change to something different there's one less element to associate the page from another.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.