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…

Advertisements

~ by WPA Staff on February 13, 2012.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

 
%d bloggers like this: