Heim > Web-Frontend > CSS-Tutorial > Warum zeigen gestapelte halbtransparente Kartons je nach Reihenfolge unterschiedliche Farben?

Warum zeigen gestapelte halbtransparente Kartons je nach Reihenfolge unterschiedliche Farben?

Susan Sarandon
Freigeben: 2024-12-09 22:06:19
Original
601 Leute haben es durchsucht

Why Do Stacked Semi-Transparent Boxes Show Different Colors Depending on Their Order?

Gestapelte halbtransparente Kartons weisen auftragsabhängige Farbabweichungen auf

Beim Stapeln von zwei halbtransparenten Kartons unterscheidet sich die beobachtete endgültige Farbe je nach die Reihenfolge der Anordnung. Dieses Phänomen tritt aufgrund der jeweils unterschiedlichen Farbkombination auf.

Erklärung des Farbunterschieds

Im ersten Fall enthält die obere Box (mit 50 % Deckkraft). blaue Farbe und ermöglicht, dass die untere Box 50 % rote Farbe beisteuert. Somit ist die Gesamtfarbe eine Kombination aus 50 % Blau und 25 % Rot (da die restlichen 50 % Rot durch das Blau verdeckt werden).

Im zweiten Fall sind die Kästchen jedoch umgekehrt. Jetzt hat das obere Feld eine Deckkraft von 50 % für Rot und ermöglicht, dass das untere Feld 50 % blaue Farbe beisteuert. Der Gesamteffekt ist eine andere Kombination: 50 % Rot und 25 % Blau. Da die Proportionen nicht gleich sind, erscheinen die Farben unterschiedlich.

Erzielung einer Farbkonsistenz

Um unabhängig von der Boxreihenfolge die gleiche Farbe zu erhalten, müssen die Farbproportionen in jeder Ebene angepasst werden müssen identisch sein. Mit anderen Worten, die obere Ebene sollte den gleichen Anteil der Farbe der unteren Ebene durchlassen.

Betrachten Sie beispielsweise die folgende Konfiguration:

  • Obere Ebene: 25 % Deckkraft (0,25) blau
  • Untere Ebene: 33,3 % Deckkraft (0,333) Rot

In diesem Szenario lassen beide Schichten 25 % der anderen Farbe durchscheinen. Daher ist die resultierende Farbe unabhängig von der Reihenfolge dieselbe (eine Mischung aus 25 % Blau und 75 % Transparent).

Das obige ist der detaillierte Inhalt vonWarum zeigen gestapelte halbtransparente Kartons je nach Reihenfolge unterschiedliche Farben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage