Upload your background image onto your web server. I recommend a background photo of at least 1200px in width.

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

To add support for older versions of Internet Explorer, add the following lines:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

Once you've set the background image, check out this guide to learn how to attach a CSS stylesheet to an HTML document.

Take a trip down memory lane or discover the origins of the most popular websites around!
Michael Michael (179)
0

Ever wondered what some of the homepages you visit daily looked like when they first launched?