T&S SAID WHAT?!
Our thoughts, inspiration and words of wisdom
How to make your background image as big as possible
September 5, 2011 by Tim Priebe
Hey, everyone! Time for a technical tip for those tweaking their website on their own. If that’s not you, feel free to skip this blog.
One cool way to use photography on your site is to have a photo set as the background image on your home page, and have it take up the whole background space, resizing to be bigger as you make your browser bigger (or smaller). Don’t trust me? Check out 75 cool websites using full screen photo backgrounds for yourself.
background-position: center center;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
Of course, this doesn’t work right in versions of Internet Explorer before 9, so if you want to support that as well, you’ll have to use some jQuery trickery.