opacity CSS propriété

opacity : 0;
opacity : 0.5;
opacity : 1;

Règles de syntaxes CSS pour opacity.

Les opacites ne se cumulent pas pour l'arrière plan

L'opacité du parent se cumule avec les opacités des fils, excepté pour l'arrière plan :
La valeur de la propriété d'Opacité CSS opacity est appliquée à tout l'arrière plan de l'élément et à l'ensemble des arrières plan de ses fils même si leur propriété d'Opacité CSS opacity est héritée ou avec des opacités différentes. Les enfants auront tous la même opacité relative à l'arrière-plan.

Pour cumuler les opacités des arrières plans des fils, il faut que la couleur de fond background-color ai un alpha.
Gérer les alpha avec rgba ou hsla

identifant{
  opacity : 0.6;
  background-color : rgba(0, 0, 0,0.3); 
}

Compatibilités navigateurs de la propriété opacity

Propriétés CSS préfixées de opacity

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété opacity CSS :

1. -moz-opacity

Pour faire le même effet de transparence sous Internet Explorer < 9 vous devez utiliser la propriété de feuille de style css filter qui est propre à Internet Explorer.

<style>
  .identifiant{
    filter : alpha(opacity=10);
    opacity : 0.1;
  }
</style>
<div class="identifiant"> 
opacity opacity opacity opacityopacity opacity <br>opacity opacity opacity opacity
</div>

• - nombre : compris entre 0 et 100, 0 étant totalement transparent et 100 totalement opaque.

<style>
.identifiant{
/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.1; 
/* FIREFOX TRES VIELLE VERSION <= 0.9*/
    -moz-opacity : 0.1; 
/* IE 8 ET COMPRIS PAR IE 10*/
    -ms-filter: "alpha(opacity=10)"; 
/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); 
/* IE 4 */
    filter : alpha(opacity=10); 
/* AUTRE  */
    opacity : 0.1;
}
</style>

Cependant après plusieurs tests, il semble que pour Internet Explorer, la css '-ms-filter' et 'filter: progid:' ne sont pas obligatoires car Internet Explorer 7,8,9 (pas vérifié sur le 10) comprennent filter : alpha

Le générateur de code CSS pour la propriété opacity.

Votre avis sur la définition opacity en CSS