A Fixed Background Image

How to add a fixed background to your page

Note: These effects can now all be achieved using Cascading Style Sheets.

A fixed background is a background image that will stay in one place while the rest of your text and images scroll over the top of it. Back when this was originally written, this effect could only be seen in Internet Explorer, but if you use Cascading Style Sheets instead you can have this working in most modern browsers.

To make your background fixed, you will need to be using a background image. After you have it in place, you just need to add an extra attribute to your body tag:

bgproperties="fixed"

So, your body tag would look something like this:

Not bad, so how about an example? Well, if you really want to see it, click on the link below:

Fixed Background Example

This trick is often used when a large landscape is used as a background, or if the background image is a single picture or logo in the middle of the page. Of course, as you saw in the example page, it works for backgrounds that tile as well. So, go have some fun with it!

Let's move on to the next section, Adding a Marquee.