CSS不透明度 - 背景颜色

Question

我试图得到一个黑色div的不透明度为.5但div(h3标签)的内容是不透明的1.所以白色文本仍然是白色的,它的不透明度没有改变/未触及.

<div style="background-color:red;">
<div style="width:470px;color:white;margin-top:170px;">
<div style="background-color:black;opacity:0.5;">
<h3 style="color:white;opacity:1;">Heading </h3><p>tagline here</p>
</div>
</div>
</div>

的jsfiddle

任何建议非常感谢.

Answer 1

如果你不担心支持旧版本的IE,你可以使用rgba:

background-color: rgba(0, 0, 0, 0.5);

Answer 2

使用rgba- DEMO

background-color: rgba(0, 0, 0, .5)

(并且不要使用内联CSS)