"Toute technologie suffisamment avancée est indiscernable de la magie."

Arthur C. Clarke

Les images de fond avec CSS

snt

En CSS la gestion des images de fond dépend des règles suivantes :

  • background-image : on donne l'url de l'image en question, soit sous la forme d'un lien internet soit sous la form d'une adresse relative ou absolue ;
  • background-attachement : gère la façon dont l'image est liée à la page. Par défaut l'image de fond scrolle en même temps que la page web. Avec la valeur fixed, reste fixe ;
  • background-repeat : gère la manière dont l'image est répétée. Par défaut elle est répétée aussi bien en largeur qu'en hauteur, mais la valeur no-repeat ne laisse qu'une image unique;
  • background-size : gère la taille de l'image. On peut la régler en pourcentage de la taille de l'écran. background-size : 100%; donne une image étirée à 100% de la largeur de l'écran, alors que background-size : 100% 100%; étire l'image à 100% de la largeur et de la hauteur.

Plus d'informations sont disponible sur le lienMDN Web Docs.

Quelques liens utiles

Me contacter