ZONE CSS
Information accessibilité
Feuille de style : opacity
Définition de opacity
La propriété de feuille de style css opacity permet de spécifier l'opacité (transparence) d'un élément.
opacity:0.5;
}
La propriété feuille de style css opacity peut prendre la valeur de :
- nombre : compris entre 0.0 et 1, 0.0 étant totalement transparent et 1 totalement opaque.
Exemple de code :
.identifiant{
opacity:0.5;
}
La propriété feuille de style css opacity peut prendre la valeur de :
- nombre : compris entre 0.0 et 1, 0.0 étant totalement transparent et 1 totalement opaque.
Application de opacity
La propriété de feuille de style opacity css est applicable sur l'ensemble des balises HTML ou XHTML.
La propriété de feuille de style opacity css n'a pas d'équivalant en HTML.
Problèmes de opacity
La propriété de feuille de style opacity css n'est pas reconnue par Internet Explorer.
Exemples / Astuces
Rendre compatible Internet Explorer
Pour faire le même effet de transparence sous Internet Explorer vous devez utiliser la propriété de feuille de style css filter qui est propre à Internet Explorer.
Voici le code :
.identifiant{
opacity : 0.1;
filter : alpha(opacity=10);
}
</style>
<div class="identifiant">
opacity opacityopacity opacityopacity opacity <br>opacity opacityopacity opacity
</div>Le résultat du code :
La propriété de feuille de style css filter accepte comme valeur :
- nombre : compris entre 0 et 100, 0 étant totalement transparent et 100 totalement opaque.
Le top du code css serait :
.identifiant{
filter : alpha(opacity=10);
-moz-opacity : 0.1;
opacity : 0.1;
}
</style>
Voici le code :
Exemple de code :
<style>
.identifiant{
opacity : 0.1;
filter : alpha(opacity=10);
}
</style>
<div class="identifiant">
opacity opacityopacity opacityopacity opacity <br>opacity opacityopacity opacity
</div>
opacity opacity opacity opacity opacity opacity
opacity opacityopacity opacity
Le résultat en image :
opacity opacityopacity opacity
La propriété de feuille de style css filter accepte comme valeur :
- nombre : compris entre 0 et 100, 0 étant totalement transparent et 100 totalement opaque.
Le top du code css serait :
Exemple de code :
<style>
.identifiant{
filter : alpha(opacity=10);
-moz-opacity : 0.1;
opacity : 0.1;
}
</style>
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css opacity.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.
Menu secondaire général de la zone CSS.
