inheritance - 重置继承的不透明度/过滤器 :alpha to full transparency

Question

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

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

这使我的 <div>和 <h1>透明度为 40%，但我希望 h1 具有完全透明度(白色)。我怎样才能在平等的浏览器支持下实现这一点？提前致谢!

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

Answer 1

这是不可能的——小于 1 的不透明度值不能被 child 覆盖。

h1 必须位于与 div 不同的容器中，否则您必须使用 40% 不透明度的透明 PNG 作为背景(同样如果没有解决方法，将无法在 IE6 中工作。