La propriété background est un raccourci qui définit les différentes valeurs des propriétés liées à la gestion des arrière-plans d’un élément.

Un fond d’écran extensible 

Les marges sont mises à zéro, l’image (image.png) est appelée, centrée et couvrira l’écran.

Le css 

1
2
3
4
5
6
7
html { 
  margin:0;
  padding:0;
  background: url(image.png) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

Désormais, ce background s’adapte à la taille de l’écran.