CSS
Opacità
Ricerca…
Sintassi
- opacità: numero (* strettamente compreso tra 0 e 1) | ereditare | iniziale | unset;
Osservazioni
Se non vuoi applicare l'opacità, puoi usare questo invece:
background: rgba (255, 255, 255, 0,6);
risorse:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C Transparency: la proprietà 'opacity': https://www.w3.org/TR/css3-color/#transparency
- Supporto per browser: http://caniuse.com/#feat=css-opacity
Proprietà Opacità
L'opacità di un elemento può essere impostata usando la proprietà opacity . I valori possono essere ovunque da 0.0 (trasparente) a 1.0 (opaco).
Esempio di utilizzo
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Costo dell'immobile | Trasparenza |
|---|---|
opacity: 1.0; | Opaco |
opacity: 0.75; | 25% trasparente (75% opaco) |
opacity: 0.5; | 50% trasparente (50% opaco) |
opacity: 0.25; | 75% trasparente (25% opaco) |
opacity: 0.0; | Trasparente |
Compatibilità IE per `opacity`
Per utilizzare l' opacity in tutte le versioni di IE, l'ordine è:
.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
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow