2016-08-09 15 views
1

div背景に暗いオーバーレイを追加したいだけです。私は背景色として黒を追加し、不透明度を0.5に設定します。 しかし、問題は子要素のdivもその不透明度を適用することです。私のスクリーンショットを参照してください。私はちょうど私の親のdiv背景のためのオーバーレイを追加したい。これを行う具体的な方法はありますか?Divバックグラウンドの不透明度?

enter image description here

答えて

2

あなたは、背景画像として半透明のPNGファイルを使用するか、または単にRGBAカラーシステムを使用することができます

background: rgba(0,0,0,.5); 

jsFiddle Demo

rgba()は全てmodern browserでサポートされています。

+0

.pngソリューションは常に使用するソリューションです。柔軟性はありませんが、ほとんど問題はありません。 –

+0

@ user2521387実際、 'rgba()'は現代のすべてのブラウザでサポートされています:http://caniuse.com/#feat=css3-colors – BenM