積み重ねられた半透明ボックスの色の知覚

2つの半翻訳ボックスが互いに積み重ねられている場合、組み合わせたレイヤーの知覚された色は秩序に基づいて異なります。この現象の背後にある理由を理解するために、CSSの不透明度の概念を掘り下げましょう。指定された例では、半透明ボックスのCSSは不透明度を0.5と定義し、各層の透明度が50％であることを示しています。これは、最上層の50％の透明度により、下層の色の半分が表示されるためです。この割合の変化は、異なる認識された色をもたらします。指定された例では、これは不透明な値を次のように調整することで達成できます：

for inenter layer（固体を含む）：

不透明：0.25;

for outer layer（&& &&]：

[0.333;これらの調整、両方のレイヤーは同じ25％の色強度を持ち、積み重ねられている順序に関係なく同じ色になります。。