Website Design Forum

**theblackotter** · 05-10-2009, 01:40 PM

Hi All,

Looking for any comments/feedback on a new version of this JavaScript/Flash solution I created for setting a fixed background image to the full size of the browser window:

Please visit:
http://www.theblackotter.com/backdrop.php
And let me know what you think.

**Giselle** · 05-10-2009, 11:20 PM

Hello Theblackotter, that is really different and I really like the page, it's awesome! Very nice work!

**Modern_Media** · 05-11-2009, 10:11 PM

There is a non-javascript way of doing this trick also. Although your Javascript way is probably more cross browser compatible.

examples:

http://www.tavolaitalianrestaurant.com/
http://riceprosearch.com/

First, create an image just after the <body> tag:

Code:

<img src="images/layout/bkg.jpg" id="bkg" alt="background image" />

In your CSS - you would style your ID #bkg as follows:

Code:

#bkg {
position: fixed;
z-index: -500;
top:0;
left:0;
width:100%;
height:100%;
}