¿Por qué los elementos hijo no pueden anular la opacidad del elemento primario con un valor mayor?

Question

Como sabemos, los elementos secundarios no pueden a partir de ahora anular la propiedad opacity de su elemento principal. La propiedad opacity del elemento primario siempre tiene efecto.

Esto tiene sentido cuando el niño intenta anular (anular con un valor menor) la opacidad del elemento primario. Pero, ¿qué pasa si el niño está tratando de anularlo con un mayor valor? ¿No debería eso estar permitido? ¿Por qué un padre translúcido no puede tener un niño opaco? ¿Alguien puede compartir ideas sobre por qué se decidió tal restricción como parte del diseño de CSS?

Realmente apreciaría si alguien puede arrojar algo de luz sobre la razón teórica de esto. Básicamente, estoy tratando de descubrir la parte de por qué no puedo hacer esto (no soluciones temporales, como ya se ha mencionado en muchas ocasiones). Estoy seguro de que esto es algo que muchos novatos como yo querrían saber.

Answer 1

Nunca he visto eso como "invalidación" o "anulación". Es una cuestión de opacidades relativas. Si el padre tiene una opacidad de 0.5, el niño también lo tiene (en relación con el contexto de apilamiento del padre). El niño puede tener su propio valor de opacidad entre 0 y 1, pero siempre será relativo a la opacidad del padre. Por lo tanto, si el niño también tiene opacity: 0.5 configurado, será 0.25 la opacidad de algunos de los hermanos del padre con la opacidad 1.

La spec la trata como una máscara alfa, donde la opacidad solo se puede eliminar. Un elemento es opaco o tiene algún grado de transparencia (cualquier cosa < 1):

La opacidad se puede considerar como una operación de posprocesamiento. Conceptualmente, una vez que el elemento (incluidos sus descendientes) se representa en una imagen fuera de pantalla RGBA, la configuración de opacidad especifica cómo combinar la representación fuera de pantalla en la representación compuesta actual.

y más adelante:

Si el objeto es un elemento contenedor, entonces el efecto es como si el contenido del elemento contenedor se mezclaron en el contexto actual utilizando una máscara donde el valor de cada píxel de la máscara es <alphavalue>

en cuanto a por qué que se llevó a cabo de esa manera, no creo que fue intencional en el sentido de "vamos lejos esté". Tal vez este enfoque fue elegido por ser más simple de calcular, y solo más tarde se reconoció la necesidad real de algo diferente (luego se introdujeron rgbacolor y background-color, y puedo estar equivocado acerca de la línea de tiempo aquí).