重置继承的不透明度/滤镜:alpha为完全透明。

Question

3

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

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

这使得我的<div>和<h1>透明度为40%，但我希望h1是完全透明的（白色）。如何在所有浏览器上实现这一点？谢谢！

附注：我会使用background:rgba(0,0,0,.4);，但IE不支持该属性。

- Web_Designer

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pekka · Accepted Answer

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

h1必须与div位于不同的容器中，或者您可以使用40%不透明度的透明PNG作为背景（这在没有解决方法的情况下无法在IE6中工作）。