Sommaire

Les fonds et fonds multiples

Une image peut être placée au milieu du texte ou dans un bloc quelconque d’une page. Mais il est également possible de mettre cette image en arrière-plan. L’intérêt d’utiliser une image en arrière-plan est souvent de pouvoir répéter cette image en X et/ou en Y, mais cela va également permettre à une petite image de 10x10 pixels d’occuper tout le fond de la page, puisqu’elle sera répétée. Avec cette méthode, le navigateur charge une toute petite image de quelques octets, donc légère, et va l’afficher sur toute la page en la répétant. Arrière-plan

Pour afficher une image en arrière-plan, la propriété à utiliser est background-image. Il suffit de lui indiquer le chemin vers l’image à afficher. background-image

background-image: url(../images/fondBleu.gif);

Il est fréquent d’utiliser en arrière-plan une image de 1 pixel de large et de 3000 pixels de haut. Cette image peut être un dégradé, blanc en haut et plus foncé en bas. En utilisant cette image en arrière-plan, il va être possible de la faire se répéter sur la largeur, en X, si bien que l’image va s’afficher sur toute sa hauteur et se multiplier horizontalement, pour au final occuper toute la page. Cela donnerait le même visuel si une image de 2000x3000 pixels était utilisée, ...