HOWTO: Perfect Full Page Background Image in CSS

From the blog:

Perfect Full Page Background Image | CSS-Tricks

The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it:

Fills entire page with image, no white space
Scales image as needed
Retains image proportions (aspect ratio)
Image is centered on page
Does not cause scrollbars
As cross-browser compatible as possible
Isn’t some fancy shenanigans like Flash

Read on…


~ by WPA Staff on February 13, 2012.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: