Nous allons toucher uniquement au CSS et plus particulièrement à la balise body. Mais d'abord, petite explication sur la valeur cover : cette valeur sert, à partir d'une image (de n'importe quelle taille), à prendre tout l'espace disponible (ici, le body, donc toute la page). Donc maintenant il est presque inutile de calculer pour toutes les résolutions d'écrans, vu que ça se fera automatiquement.

Maintenant passons dans le vif du sujet :

Dans votre CSS, dans la logique, tout le monde a mis la balise body, donc cherchez-là (si vous n'êtes pas ordonné). Et nous allons mettre un fond (moi j'ai utilisé : celle-ci ) :

Code:

body{
background-image : url('http://i.sofoot.com/IMG/img-vincent-kompany-manchester-city-1335818940_x620_articles-alt-156369.jpg');  /*l'image de fond*/
bakcground-repeat  : no-repeat;  /*ici je ne veux pas que le fond se répète*/
}

Maintenant nous allons utiliser la propriété background-size :

Code:

body{
background-image : url('http://i.sofoot.com/IMG/img-vincent-kompany-manchester-city-1335818940_x620_articles-alt-156369.jpg');  /*l'image de fond*/
background-repeat  : no-repeat;  /*ici je ne veux pas que le fond se répète*/
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover;
}

Nous avons terminé