为什么子元素不能用更大的值覆盖父元素的不透明度?

我从未将其视为“凌驾”或“低估”。这是一个问题 相对的 不透明。如果父对象的不透明度为 0.5 ,子代也有它(相对于父代的堆叠上下文)。子对象的不透明度值可以介于 0 和 1 ,但它将始终相对于父对象的不透明度。所以如果孩子也有 opacity: 0.5 设置,它将 0.25 具有不透明度的父对象的某些兄弟对象的不透明度 1. 。

这个 spec 将其视为alpha遮罩,其中只能移除不透明度。元素要么不透明,要么具有一定程度的透明度(任何 < 1 )以下为:

不透明度可以被认为是一种后处理操作。从概念上讲,在元素(包括其子体)渲染为RGBA屏幕外图像后,不透明度设置指定如何将屏幕外渲染混合到当前合成渲染中。

稍后:

如果对象是容器元素,那么效果就好像容器元素的内容是使用遮罩与当前背景混合的,其中遮罩的每个像素的值为 <alphavalue>

至于 为什么? 它是这样实施的,我不认为这是故意的,“让我们禁止这样做”。也许选择这种方法是因为计算更简单,直到后来才意识到对不同事物的实际需求(然后 rgba color 和 background-color 被介绍了,我可能对这里的时间线错了)。