CSS Fixed Position Background Image

Written by David Walsh on Friday, March 7, 2008


Backgrounds have become an integral part of creating a web 2.0-esque website since gradients have become all the rage. If you think gradient backgrounds are too cliche, maybe a fixed position background would work for you? It does provide a neat inherent effect by not moving.

The CSS

body	{ background:url(your-image.jpg) top right no-repeat; background-position:fixed; }

Epic Discussion

Commenter Avatar March 07 / #

Looks good David!

Be Heard!

I want to hear what you have to say! Share your comments and questions below.

Name*:
Email*:
Website:  


© David Walsh 2007-2010. Contact David Walsh. Powered by the remarkable MooTools javascript framework.