CSS - Afficher une image en background sur toute la page en fixe

Vous souhaitez afficher une image en fond de page de votre site ?
Pour qu'elle soit fixe (ne réagit pas au scroll), et s'adapte automatiquement en largeur et hauteur, voici l'ordre CSS3 à utiliser :

On peut également l'appliquer à une DIV bien précise, en remplaçant la balise "html" par une ".class" ou un "#id".

html {
  background: url(images/fond.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Crédit Photo : Pixabay