La propriété « background »

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

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.

Sur le même sujet

comments powered by Disqus