将继承的不透明度/过滤器：alpha 重置为完全透明答案

【问题标题】：reset inherited opacity/filter:alpha to full transparency将继承的不透明度/过滤器：alpha 重置为完全透明
【发布时间】：2011-09-09 11:33:34
【问题描述】：

我有一个黑色背景的<div>，其中包含一个白色的<h1> 元素。我的<div> 的不透明度为 0.4，使用以下 css 结合 IE 的方法。

opacity: .4;
filter:  alpha(opacity=40);

这使我的 <div> 和 <h1> 具有 40% 的透明度，但我希望 h1 具有完全透明度（白色）。如何通过同等的浏览器支持来实现这一点？提前致谢！

附：我会使用background:rgba(0,0,0,.4);，但这不是 IE 支持的。

【问题讨论】：

【解决方案1】：

这是不可能的 - 小于 1 的不透明度值不能被子级覆盖。

h1 必须与div 位于不同的容器中，否则您必须使用不透明度为 40% 的透明 PNG 作为背景（如果没有变通方法，这在 IE6 中也无法工作）。

【讨论】：