重複の可能性:
子要素に不透明度を適用しない方法は?
cssまたはjqueryを使用して要素に透明度/不透明度を適用し、子要素に影響を与えないようにすることは可能ですか?
たぶん、背景の不透明度を設定したいと思うでしょう
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
さらなるサポートについては、このブログをご覧ください
いいえ、透明度は継承されますが、代わりに RGBA (アルファ チャネル) を使用できます。
良い例とチュートリアル: http://css-tricks.com/rgba-browser-support/