背景画像にオーバーレイ
.bgに背景画像をひき、position: relative;を指定します。
.bgのbefore要素にRGBaの記述で黒を重ねます。
（RGBaの最後のアルファ値には0〜1で透明度を指定します。）
.boxを浮かせることで、内包するh1やpは暗くなりません。
.boxは浮かせると.bg::beforeの大きさがなくなってしまうため、content: ‘ ‘;を指定。さらに、position: absolute;の他にtop / bottom / left / right 各プロパティに対し 「0」を指定することで、.bgと同じ大きさに広げます。
SAMPLE
背景画像にオーバーレイ