絶対配置された要素を透明に継承するように強制する

Question

要素にopacityが指定されると、要素の静的および相対的な子はすべて部分的に透明にレンダリングされます。しかし、position: absolute（またはposition: fixed）の要素はこれを継承せず、別の方法で特に指示されていない限り完全な不透明度でレンダリングされます。

さて、私は割り当てを実行する関数を呼び出してstyle.opacityへの割り当てを置き換えることができ、その後、その計算されたスタイルを取得し、その位置プロパティがstyle.opacity、独自の追加を保証されている場合は見て、すべての子をループ...しかし、それは少しの核です。

opacity: inheritを適切な要素に追加することもできますが、これは退色した要素の直接の子である場合にのみ機能します。子孫の場合はどうなりますか？

要素に正しい透明性を継承させる方法があるかどうかを知りたいと思います。

サイドノート：興味深いことに、filter:alpha(...)を使用すると、IEは私が望むやり方を実行します。

Answer 1

答えたように、答えは単純に「絶対要素に透明性の影響を受ける相対的なコンテナがあることを確認してください」でした。忘れた。

Answer 2

コメントごとに、それはIEの問題であるようです。それはまたあなたが回避する必要があるバグであるようです。しかし、a later experiment in IE9があることを示した;しかしがdo not have positionはeven position: relative for IE8（を設定し、それらの子供自身を仮定し、opacityを継承absolute要素のIE8-9 does propagate to childrenに...位置決め要素のみ...

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

に設定absolute要素の孫は、それ自体がposition: absoluteだったときに隠れているように見えました。他の子どもには同じものが必要です。あなたが気遣っていれば、inheritがfilterで働くことを夕方にしたIE7（気にするならば）。

#containedに設定された任意のinheritなし#containerにIE9 could be resolved by having position: relative set、それは真剣にabsolute子供（ではないがfixedもの）のあなたの位置に影響を与える可能性があります。

あなたは内の多くの位置のエレメントを扱っている場合は、私はは条件付きでIE9へthis codeを供給し、（私はIE10をテストしていない）の下をお勧めしますが。

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