La propriété CSS opacity permet de définir l’opacité (transparence) d’un élément HTML.
#mon-identifiant {
opacity:0.5;
}
Elle prend en valeur en un nombre compris entre 0 et 1. Comme pour les em c’est un coefficient (0.5 pour 50% d’opacité). Plus le nombre se rapproche de 1 plus l’élément HTML est opaque. Plus il se rapproche de 0 plus l’élément HTML est transparent.
Parce que Internet Explorer est casse-couilles spécial, il faut rajouter une ligne spécialement pour lui :
#mon-identifiant {
opacity : 0.5;
filter : alpha(opacity=50);
}
Exemple
HTML
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.</p>
CSS
p {
background:red;
color:black;
opacity : 0.5;
filter : alpha(opacity=50);
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.