Home / Design Blog / Fullscreen Background Image using CSS

Fullscreen Background Image using CSS

By: Simon
Updated:
Jan 15, 2010
Posted: Dec 10, 2009

I had a project that required a background image to fill in the entire background of a website. The technical limitations were to have it totally done with CSS / JS. I did some research and found an example at giltman.com – so it was possible. I found some resources that used CSS alone but was yet to find one that scaled and fit all the image in the background with no background spaces.

I came across a great jquery plugin that did exactly what I wanted: Supersized jQuery Plugin.

supersizedlogo

Simon Urbina

Simon Urbina

Simon is a Product Designer and Front End Dev with over 20 years of experience. He started as a graphic designer and illustrator coding his first website in 1996. He has worked with brands like Publix, Microsoft, and Discovery Channel.