css - 子ではなく親への CSS 不透明度

Question

重複の可能性:
子要素に不透明度を適用しない方法は?

opacity:0.5; を設定するベスト プラクティスはどれですか。次のような親要素に：

<div>
<span></span>

<span></span>

<span></span>
</div>

要素に不透明度を設定すると、子要素に同じルールが設定されます。子の継承を回避するためのトリックはありますか?

Answer 1

css3 background-color:rgba(122,122,0,0.5); を使用できます。最後の値は不透明度であり、子要素に強制的に取得させることはありません。

Answer 2

rgbaを使用し、

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