I'm Michael Suodenjoki - a software engineer living in Kgs. Lyngby, north of Copenhagen, Denmark. This is my personal site containing my blog, photos, articles and main interests.

Updated 2011.02.26 14:28 +0100

 

The full page stretched background

I've been experimenting with a webpage design that requires a background image to show in its full glory on the page. Today this is not as easy as one would like. I've previously written about this in my article Stretched background image in your Myspace profile (March 2009) and the observations there are still valid.

To remind myself of the state of methods to accomplish this, I link to the following pages:

Todays' Problems:

  1. While the CSS3 background-size: cover method definitely is the right method in the near future it does have a tendency in some browsers (e.g. Chrome 8.0.552.237 or 9.0.597.84 - see Bug Issue 69927) to cause lag while scrolling. It simply slows down your scrolling. Quite annoying.
  2. The Safari browser in iPad seems not to support the background-size: cover in the same manner as the rest of the browsers.

Example Pages:

Updated (February 26th, 2011):