Making a background image static HTML

**ElWappo** · 19th January 2007

Im an HTML novice. I just want to add some code to a super simple web page to make the back ground image static and the text scroll over the top.

like this
http://www.myspace.com/reculver

I've looked at a couple of the solutions I've employed all seem to work in IE but not fire fox. Does anyone code that will work for both?

Thanks
EW

**partyman** · 19th January 2007

maybe try a bit of CSS like this:

Code:

background: transparent url(xxx.jpg) repeat fixed 0% 50%; 
-moz-background-clip: initial; 
-moz-background-origin: initial; 
-moz-background-inline-policy: initial;

**BBK** · 19th January 2007

Or here's a javascript version:

Code:

<script language="JavaScript1.2">

if (document.all||document.getElementById)
document.body.style.background="url('insertimagename.jpg') white center no-repeat fixed"

</script>

**ElWappo** · 19th January 2007

forgive me for being thick...but trust me when i say I am. Where would I put those respective bits of code?

Also does the CSS version code have to go in my css file...I am also in the dark with css to a large degree.

Thanks for springing to my aid.

**partyman** · 19th January 2007

Put this in-between your "head" tags:

Code:

<style type="text/css">
body {
	background: transparent url(xxx.jpg) repeat fixed 0% 50%; 
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial;
}
</style>

Hope this helps

**BBK** · 19th January 2007

Originally Posted by partyman

Put this in-between your "head" tags

Same for the javascript one too

**partyman** · 19th January 2007

Scratch what i said before. This is the exact CSS from the myspace page.

Code:

<style type="text/css">
body {	
background-color:000000;	background-image:url('http://www.reculver1.com/myspace/gfx/reculverbackground.jpg');	background-attachment: fixed;	
background-position:center center;	
background-repeat:no-repeat;
</style>