html - ネストされた div タグの不透明度

Question

背景色にcss低い値を設定できるソリューションを探しています。その上のテキストは完全に不透明になります。opacity

私はこれを試しました：

 <div style="opacity: 0.4; background:none repeat scroll 0% 0% rgb(242, 242, 242); ">
    <div style="opacity: 1;">
      Complete opaque text over background color
    </div>
 </div>

しかし、これはうまくいきませんでした。ここでは、背景色とテキストの両方の不透明度が、外側の div 不透明度の値に従って変更されています。

誰でも解決策を提案できますか?