Tuesday, September 6, 2011

Large Background CSS Code to cover proper size screen

I was working with an image for a background and trying to make it the right perfect size to fit a variety of screen sizes while still showing the important pieces in all sizes. The following fix did exactly what I was looking for in css. Props to http://css-tricks.com/3458-perfect-full-page-background-image/ for the awesome fix :)

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;

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Web Design & Marketing - Click and get an instant quote on your project