Com essa linha de HTML e CSS você pode montar uma imagem em tela cheia no seu site, mantendo as proporções, sem usar JS. É compatível com todos os principais navegadores, até mesmo o IE7.
O HTML é o seguinte:
<div class="background"></div>O CSS é o seguinte (cuidado com as maiúsculas):
div.background { width:100%; height:100%; background-image:url(images/image.jpg); BACKGROUND-SIZE:COVER; }Se você está projetando uma versão mobile do seu site, talvez usando uma técnica responsiva, você deve aumentar a altura da imagem para 120% no seu CSS móvel e usar JS para remover a barra de endereço.