opacityが子要素にも透過が効いてしまい、opacity:1;を指定しても反映されない場合

opacity:0.3;などを指定し、子要素にそれが効かないようopacity:1;などしてテキストをはっきりと表示させたい場合、子要素のopacity:1;が効きません。

そういう場合は、親要素のopacitybackground: rgba(50,50,50,0.3);に置き換えます(red,green,blueは適宜変更)。

すると、

f:id:hrt0kmt:20140831212814p:plain

のように表示されます。