Full page background in CSS

Posted on August 30, 2011 | https://andy-powell.net/?p=833

I was looking for a simple solution to give a full screen background without using flash or javascript, Whatever solution I found must have met the following criteria.

  • Fills entire page with image
  • Scale the image if needed
  • Center the image on the page
  • As cross-browser compatible as possible
The solution I came up with was as follows.


Andy Powell is a website specialist with 20 years experience, he is also the founder of Hack Oldham, a non profit co-working and maker space, a digital trainer and a maker of things.

If you found this post useful you could show you're appreciation by buying me a coffee.

No Replies to "Full page background in CSS"

    Got something to say?

    Some html is OK

    This site uses Akismet to reduce spam. Learn how your comment data is processed.