83
Utilisation des effets d’arrière‑plan
Le.problème.avec.cette.technique.tient.à.ce.qu’elle.force.à.inclure.cette.ligne.de.code.pour.
chaque.image.PNG.transparente.que.vous.souhaitez.utiliser..Elle.est.donc.peu.commode..
L’autre. approche. consiste. à. utiliser. une. technique. appelée. "IE. PNG. fix". (correctif. pour.
les.PNG.sous.Internet.Explorer)..Elle.se.sert.d’une.extension.CSS.peu.connue.et.propre.à.
Microsoft,.nommée."comportements"..En.téléchargeant.le.fichier..htc.approprié.et.en.le.faisant.pointer.sur.votre.feuille.de.styles.spécifique.d’Internet.Explorer 6,.vous.pouvez.activer.
la.transparence.PNG.sur.l’élément.de.votre.choix.
img, div {
behavior: url(iepngfix.htc);
}
Pour.plus.d’informations.sur.cette.technique.et.pour.télécharger.le.fichier..htc,.consultez.la.
page.www.twinhelix.com/css/iepngfix.
Effet parallaxe CSS
Les.images.d’arrière-plan.ne.servent.pas.qu’à.créer.des.bords.arrondis.et.des.ombres.portées..On.peut.s’amuser.avec..C’est.ce.que.nous.avons.fait.chez.Clearleft,.lors.du.lancement.
de.notre.application.de.test.d’utilisabilité.Silverback..Si.vous.accédez.au.site.www.silverbackapp.com.et.redimensionnez.la.taille.de.la.fenêtre,.vous.remarquerez.un.étrange.effet.
(voir.Figure 4.26)..Les.images.d’arrière-plan.se.déplacent.à.des.vitesses.différentes,.ce.qui.
nisme.a.constitué.l’épine.dorsale.de.bien.des.jeux.vidéo.aux.premières.heures.des.ordinateurs.personnels.
Figure 4.26
Modifiez la taille
de la fenêtre sur
le site www.
silverbackapp.
com et observez ce
qui se passe.