You're here: Home » CSS » CSS Full Screen Background

CSS Full Screen Background

On Nov 20, 2011 under CSS

CSS3 makes it possible. Earlier jQuery plugins were needed to set a full background image, but now you can set it right using the new CSS3 function background-size: cover. You can make a fully scalable one without any trouble. I tried it and it works perfectly.

View Demo

html {
    background: url(background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

View Demo