Was ist der Unterschied zwischen Opazität und Alpha-Kanal (rgba)?

9
%Vor%

Was ist der Unterschied zwischen den beiden oben genannten?

    
Sreehari 10.01.2013, 05:41
quelle

3 Antworten

9

Durch die Deckkraft wird der Deckkraftwert für ein Element und alle untergeordneten Elemente festgelegt. Während RGBA den Deckkraftwert nur für eine einzelne Deklaration festlegt.

Dies wird hier gut erklärt. Ссылка

    
Krishnaprasad Varma 10.01.2013, 05:43
quelle
5

Deckkraft: Die Deckkraft-Eigenschaft legt die Deckkraftstufe für ein Element fest (Wenn Sie die Deckkraft für ein Element festlegen, wird das gesamte Element einschließlich des Inhalts transparent.)

Deckkraft definieren :

%Vor%
  

Die Deckkraft-Ebene beschreibt die Transparenz-Ebene, wo 1 nicht ist   überhaupt transparent, 0,5 ist 50% durchsichtig, und 0 ist vollständig   transparent.

Alphakanal RGBA-Farbwerte sind eine Erweiterung von RGB-Farbwerten mit einem Alphakanal, der die Deckkraft des Objekts angibt. Background : rgba (Red,Green,Blue,Opacity) (Durch das Setzen von rgba eines Elements wird der Hintergrund des Elements nur transparent und der Inhalt bleibt unverändert.)

Hintergrund festlegen rgba: background :

%Vor%
  

Ein RGBA-Farbwert wird angegeben mit: rgba (rot, grün, blau, alpha). Der Alpha-Parameter ist eine Zahl zwischen 0.0 (vollständig transparent) und 1.0 (vollständig undurchsichtig).

Um einen Hexadezimalwert der Farbe in rgb zu konvertieren: Hier

Weitere Informationen:

  

RGBA-Farbwerte werden in IE9 +, Firefox 3+, Chrome, Safari und in Opera 10+ unterstützt.

    
Suman K.C 14.03.2014 07:28
quelle
1

Wenn Sie Alpha verwenden, setzen Sie nur die Deckkraft für diese spezifische Eigenschaft des div. Daher ist nur der Hintergrund leicht transparent, wenn Sie den Alpha-Wert auf .5

setzen

Wenn Sie die Deckkraft jedoch auf .5 setzen, bleiben das gesamte div und alle darin enthaltenen Elemente leicht transparent, unabhängig davon, welche Alphawerte Elemente innerhalb des div haben.

Innerhalb eines div mit einer Deckkraft von .5 ist ein Element maximal ".5" undurchsichtig (wenn sein Alpha-Wert auf 1 gesetzt ist). Wenn der Alpha-Wert auf .5 gesetzt ist, wird der transparente Effekt zusammengefügt und es wird tatsächlich etwas wie ".25" transparent sein. Nicht sicher über die spezifischen Zahlen.

    
LazerSharks 10.01.2013 05:47
quelle

Tags und Links