堆叠的半透明盒子表现出与顺序相关的颜色变化
堆叠两个半透明盒子时，观察到的最终颜色会根据不同的颜色而有所不同排列顺序。这种现象的发生是由于每种情况下的颜色组合不同。
色差说明
在第一种情况下，顶部框（不透明度为 50%）包含蓝色并允许底框贡献 50% 的红色。因此，整体颜色是 50% 蓝色和 25% 红色的组合（因为剩余 50% 的红色被蓝色遮盖了）。
但是，在第二种情况下，方框是相反的。现在，顶部框的红色不透明度为 50%，并允许底部框贡献 50% 的蓝色。整体效果是不同的组合：50% 红色和 25% 蓝色。由于比例不一样，所以颜色看起来不同。
实现颜色一致性
为了获得相同的颜色，无论盒子顺序如何，每层中的颜色比例必须相同。换句话说，顶层应允许相同比例的底层颜色通过。
例如，考虑以下设置：
在这种情况下，两个图层都允许 25% 的其他颜色透过。因此，无论顺序如何，生成的颜色都是相同的（25% 蓝色和 75% 透明的混合）。
以上是为什么堆叠的半透明盒子会根据顺序显示不同的颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！
