Perfect Full Page Background Image with CSS3

One of my latest findings in CSS3 is the full page background image. I owe this to acctually two sources. First is CSS-TRICKS and the second to ringvemedia.com.

1
2
3
4
5
6
7
8
9
html {
    background: url(bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
}

You can also check out how it looks on my project site: Full Background with CSS3

Full Background CSS3 Image

Comments are closed.