Forzar elementos de posición absoluta para heredar transparencia

Question

Cuando se da un elemento opacity, todos los elementos estáticos y relativos del elemento se representan con transparencia parcial. Sin embargo, los elementos con position: absolute (o position: fixed) no heredan esto, y en su lugar se representan con opacidad total a menos que se indique específicamente lo contrario.

Ahora, podría sustituir a las asignaciones a style.opacity con una llamada a una función que realiza la asignación, a continuación, recorre todos los niños, conseguir su estilo computarizada y ver si sus órdenes de propiedad de posición de la adición de su propio style.opacity ... pero eso es un poco nuclear.

También sé que podría agregar opacity: inherit a los elementos apropiados, pero esto solo funciona si son hijos directos del elemento desvanecido, ¿y si son descendientes?

Me gustaría saber si hay una manera de forzar a los elementos a heredar la transparencia correcta.

Nota al margen: IE funciona de la manera que quiero cuando uso filter:alpha(...), curiosamente.

Answer 1

Así como se vio después, la respuesta fue simplemente "asegurarse de que los elementos absolutos tienen un contenedor relativo que se ve afectada por la transparencia". Me olvide de.

Answer 2

Según los comentarios, parece ser un problema solo de IE. También parece ser un error que necesita solucionar. Sin embargo el establecimiento de sólo el elemento posicionado ...

opacity: inherit; /* IE9 */ 
filter: inherit; /* IE8 */ 

... en IE8-9 does propagate to children del elemento absolute heredar el opacity, suponiendo que esos mismos niños do not have position conjunto (even position: relative for IE8, sin embargo, demostraron que una a later experiment in IE9 nieto del elemento absolute parecía estar oculto cuando también era position: absolute). Cualquier otro niño posicionado necesitaría lo mismo. IE7 (si le importa) falló en la noche teniendo el inherit para trabajar en el filter.

IE9 could be resolved by having position: relative set a la #container sin ningún inherit situado en #contained, pero que podría afectar seriamente su posición de absolute los niños (aunque no fixed unos).

Si se trata de muchos elementos posicionados dentro de, entonces recomendaría condicionalmente alimentaciónthis code a IE9 y bajo (no he probado IE10).

#container * { 
    opacity: 0; 
    filter: alpha(opacity=0);  
}