85
Utilisation des effets d’arrière‑plan
background-position: 40% 0;
}
.foreground {
background-image: url(/img/bg-front.png);
background-repeat: repeat-x;
background-color: transparent;
background-position: 150% 0;
}
Figure 4.27
Quand la taille de
la fenêtre change,
les feuilles à l’arrièreplan se déplacent à
différentes vitesses
et créent un effet de
profondeur.
Remplacement d’images
Le.texte.HTML,.c’est.super..Les.moteurs.de.recherche.peuvent.le.lire,.vous.pouvez.le.copier.
et.le.coller,.il.s’agrandit.quand.vous.augmentez.la.taille.du.texte.du.navigateur..Il.est.donc.
judicieux. de. l’utiliser. à. la. place. des. images. chaque. fois. que. c’est. possible.. Malheureusement,. les. concepteurs. web. ne. disposent. que. d’un. ensemble. très. limité. de. polices. pour.
travailler..En.outre,.s’il.est.possible.de.contrôler.la.typographie.dans.une.certaine.mesure.
à.l’aide.des.CSS,.plusieurs.contraintes.sont.indépassables.avec.du.texte.pur..Il.arrive.ainsi.
parfois,.pour.respecter.la.charte.graphique.d’une.marque,.qu’il.faille.utiliser.des.images.de.
texte.à.la.place.
Au.lieu.d’incorporer.ces.images.directement.dans.la.page,.les.auteurs.CSS.ont.développé.
une.technique.de.remplacement.des.images..Elle.consiste.à.ajouter.le.texte.au.document.