80
Maîtrise des CSS
Figure 4.22
Le site web UX London affiché cette fois dans Internet Explorer. Les ombres ne s’affichent plus, mais la
plupart des utilisateurs ne remarqueront pas ce qui manque.
Opacité
S’il.est.bien.utilisé,.l’effet.d’opacité.peut.donner.à.vos.mises.en.page.une.autre.dimension..
Il.peut.aussi.permettre.de.positionner.des.éléments.les.uns.au-dessus.des.autres.en.livrant.
des.indices.sur.ce.qui.se.cache.dessous..Au-delà.du.simple.gadget,.ces.petits.détails.peuvent.
améliorer.l’utilisabilité.du.site.
Opacité CSS
L’opacité. CSS. est. disponible. depuis. un. certain. temps. dans. la. plupart. des. navigateurs.
modernes..On.peine.du.coup.à.comprendre.pourquoi.elle.n’est.pas.utilisée.plus.souvent..On.
ne.sera.toutefois.pas.surpris.d’apprendre.qu’elle.n’est.pas.prise.en.charge.par.les.anciennes.
moins.à.corriger.le.problème..À titre.d’exemple,.imaginons.que.vous.souhaitiez.faire.apparaître.un.message.d’alerte.à.vos.utilisateurs,.en.le.superposant.au.document.existant.afin.
qu’ils.puissent.voir.ce.qui.se.passe.dessous.(voir.Figure 4.23)..
.alert {
background-color: #000;
border-radius: 2em;
opacity: 0.8;
filter: alpha(opacity=80); /*proprietary IE code*/
}