画像上にテキストの上に明るい黒のオーバーレイを追加するにはどうすればよいですか？私のHTMLコードが続き

Question

：

<div id="fh5co-blog-section"> 
    <div class="container"> 
    <div class="seller"> 
     <img src="assets/img/contact.jpg" class="img-responsive"> 
    </div> 
    <h1 class="text-center">Contact Us</h1> 
    <p>Get in touch with us for any additional queries, suggestions or feedback regarding any product.</a></p> 
    </div> 
</div> 

私が達成しようとしている何が、私はまた、私は、テキストオーバーレイのものの上に表示したい、私がリンクされている画像にオーバーレイを追加したい、ということです。しかし、何とか私はそれを達成することができない私のコードは毎回混乱しています。私はまた、さまざまなサイトとstackoverflowの答えを検索したが、私は正確な解決策を見つけることができませんでした。誰でもこのことで私を助けることができますか？前もって感謝します。

Answer 1

オーバーレイの場合、div内に挿入することができます（このdivはposition：relativeでなければなりません）。css： position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.3);を設定します。その後、あなたのイメージとテキストをそのdivの中に入れてください。 私の例：http://codepen.io/anon/pen/qrmQgo