[解決済み] CSS 不透明度 - 背景色

質問

黒いdivの不透明度を0.5にして、divの中身（h3タグ）をopactiy 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

何かご提案がありましたら、よろしくお願いします。

解決方法は？

古いバージョンのIEへの対応に不安がなければ、代わりにrgbaを使用することもできます。

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