如何添加一個淺黑色的覆蓋到文字上的圖像？

Question

以下是我的HTML代碼：

<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必須有位置：相對），並設置他們的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