how do I stop page backgrounds from scrolling or repeating?

[steve.callen]

hi all,

Please tell me how do I stop page backgrounds from scrolling or repeating?

Thanks

 

[tim]

CSS required to do it, just place it in wherever.

body { background-image: url(_img/bg.jpg) background-repeat: no-repeat; background-attachment: fixed; }

 

[Sunburn]

Thats not 100% accurate Tim, missing the " ; " off your background-image call

long method ...

body {     background-image: url('image-file.jpg');     background-repeat: no-repeat;     background-attachment: fixed;}

Short method .....

body {background: url(image-file.jpg) no-repeat  0 0 fixed;}

Hope that helps.

 

[Harry]

Shorter:

body {background: url(image-file.jpg) no-repeat fixed;}

 

[Sunburn]

he might want to control the position though hence .. 0 0

 

[Harry]

Touché, touché.

 

[Sunburn]

lol! we should write a blog lol

 

[Harry]

Haha, on the topic of...?

 

[Sunburn]

ill pm ya

 

[CSparkes]

Different way of doing a website picture background, might be of some use

Tom Carrington Welcome:

Craig