Opacity Cross Browser

Quelquefois on doit définir la propriété opacity dans notre code CSS. La propriété opacity définit le niveau de la transparence d'un élément.

Cette propriété permet de faire un élément complètement transparent, par défaut (1) ou semi-transparent.

Le nombre va de 0 à 1. La valeur de 1 est la valeur initiale, et elle fait l'élément complètement opaque. La valeur 0 fait l'élément comlètement transparent. Une valeur entre 0 et 1 rend graduellement un élément clair.

Comment Définir l'Opacité

Voici l'exemple.

.opacity {
  opacity: 0.5;
}

On doit écrire le même code pour tous les navigateurs.

On doit écrire le même code pour tous les navigateurs.

.opacity {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

On doit seulement ajouter ce code dans notre fichier css pour l’opacité.