imagem de fundo em toda tela

Muitos não sabem, mas essa é uma dica simples e fácil de se aplicar, para que sua imagem de fundo ocupe toda tela.

  body {
background-image: url(endereço/imagem.png);
background-repeat: no-repeat;
background-size: 100% 100%;}
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;

Explicação: 

background-image - imagem de fundo, mude o endereço da imagem.

background-repeat: no-repeat - apenas uma imagem, sem repetição de imagem

background-size - vai deixar a imagem ocupando toda a tela, pode diminuir a porcentagem para deixar com um tamanho menor

-moz-background-size - isso evita alguma incompatibilidade com o mozila firefox.

-webkit-background-size - isso evita incompatibilidade com os navegadores que utilizam o motor de busca webkit, por exemplo o google chrome.

 Lembre-se de usar imagens grandes com uma boa resolução, mas cuidado para não deixar o site muito pesado.