CSS
Opacité
Recherche…
Syntaxe
- opacité: nombre (* strictement entre 0 et 1) | hériter | initiale | non défini;
Remarques
Si vous ne voulez pas appliquer d'opacité, vous pouvez l'utiliser à la place:
background: rgba (255, 255, 255, 0,6);
Ressources:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- Transparence du W3C: la propriété 'opacité': https://www.w3.org/TR/css3-color/#transparency
- Support du navigateur: http://caniuse.com/#feat=css-opacity
Propriété d'opacité
L'opacité d'un élément peut être définie à l'aide de la propriété opacity . Les valeurs peuvent être comprises entre 0.0 (transparent) et 1.0 (opaque).
Exemple d'utilisation
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Valeur de la propriété | Transparence |
|---|---|
opacity: 1.0; | Opaque |
opacity: 0.75; | 25% transparent (75% opaque) |
opacity: 0.5; | 50% transparent (50% opaque) |
opacity: 0.25; | 75% transparent (25% opaque) |
opacity: 0.0; | Transparent |
Compatibilité d'IE pour l'opacité
Pour utiliser l' opacity dans toutes les versions d'IE, l'ordre est le suivant:
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow