强制绝对定位的元素继承透明度

Question

当一个元素被赋予opacity 时，该元素的所有静态和相对子元素都以部分透明的方式呈现。但是，带有position: absolute（或position: fixed）的元素不会继承这一点，而是以完全不透明的方式呈现，除非另有说明。

现在，我可以通过调用执行分配的函数来替换对style.opacity 的分配，然后循环遍历所有子项，获取它们的计算样式并查看它们的位置属性是否需要添加它自己的style.opacity。 ..但这有点像核弹。

我也知道我可以将opacity: inherit 添加到适当的元素中，但这仅适用于褪色元素的直接子元素 - 如果它们是后代怎么办？

我想知道是否有办法强制元素继承正确的透明度。

旁注：当我使用filter:alpha(...) 时，IE 会执行我想要的方式，这很有趣。

Answer 1

根据 cmets，这似乎只是 IE 的问题。这似乎也是您需要解决的错误。但是仅在定位元素上设置...

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

...在 IE8-9 中的 absolute 元素中的 absolute 继承了 opacity，假设这些孩子本身是 do not have position 集合（even position: relative for IE8；然而，a later experiment in IE9表明absolute 元素的孙子元素似乎在其本身也是position: absolute 时保持隐藏）。任何其他定位的孩子都需要同样的。 IE7（如果你关心的话）晚上让inherit 无法在filter 上工作。

IE9 could be resolved by having position: relative set 到 #container 没有在 inherit 上设置任何 #contained，但这可能会严重影响您对 absolute 孩子的定位（尽管不是 fixed 孩子）。

如果您在内处理许多定位元素，那么我建议有条件地将this code 馈送到 IE9 及以下（我没有测试 IE10）。 p>

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

Answer 2

事实证明，答案只是“确保绝对元素具有受透明度影响的相对容器”。我忘了。