div { background-color: rgb(255,0,0); opacity: 1; }
div { background-color: rgba(255,0,0,1); }
Qual è la differenza tra i due precedenti?Qual è la differenza tra l'opacità e quella attraverso il canale alfa (rgba)?
Opacità imposta il valore di opacità per un elemento e tutti i relativi elementi secondari; Mentre RGBA imposta il valore di opacità solo per una singola dichiarazione.
Questo è spiegato bene qui. http://www.css3.info/introduction-opacity-rgba/
quando si utilizza l'alfa, si imposta solo l'opacità per quella specifica proprietà del div. Quindi solo lo sfondo sarà leggermente trasparente se si imposta il valore alfa per dire .5
Tuttavia, quando si imposta l'opacità a 0,5, il div INTERO e tutto ciò che contiene al suo interno rimarrà leggermente trasparente, indipendentemente dagli elementi dei valori alfa all'interno del div.
All'interno di un div con opacità impostata a 0,5, un elemento sarà al massimo ".5" opaco (quando il suo valore alfa è impostato su 1). Se il suo valore alfa è impostato a 0,5, l'effetto trasparente si mescolerà e sarà effettivamente qualcosa di simile a ".25" trasparente. Non sono sicuro dei numeri specifici.
Opacità: proprietà Opacità imposta il livello di opacità per un elemento (impostazione di opacità per un elementi rende l'intero elemento trasparente compreso il suo contenuto.)
Definizione opacità:.
element{opacity:0.5} //makes the element and it's content 50% transparent
Il livello di opacità descrive il livello di trasparenza, dove 1 non è trasparente, 0,5 è trasparente al 50% e 0 è completamente trasparente.
valori di colore canale alfa RGBA sono un'estensione di valori di colore RGB con un canale alfa - che specifica l'opacità dell'oggetto. Background : rgba (Red,Green,Blue,Opacity) (Impostazione RGBA di un elemento rende solo l'elemento di sfondo trasparente lasciando il suo contenuto com'è.)
Definizione Sfondo RGBA: bassa:
element{
background:rgba(40, 41, 42, 0.5);
}
valore di coloreUn RGBA viene specificato con : rgba (rosso, verde, blu, alfa). Il parametro alfa è un numero compreso tra 0.0 (completamente trasparente) e 1.0 (completamente opaco).
Per convertire un valore esadecimale del colore da RGB: Here
Ulteriori Informazioni: valori di colore
RGBA sono supportati in IE9 +, Firefox 3+, Chrome, Safari, e in Opera 10+.