以下是我的 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 上搜索了各种站点和答案，但我无法找到确切的解决方案。谁能帮我解决这个问题。提前致谢。
最佳答案
对于您的叠加层，您可以将其插入到一个 div 中(此 div 必须具有 position:relative)并设置它们的 css:
position:absolute；顶部:0；左:0；右:0；底部:0；背景:rgba(0,0,0,0.3);。之后将您的图像和文本放入该 div 中。
我的例子:http://codepen.io/anon/pen/qrmQgo
关于jquery - 如何在上面有文字的图像上添加浅黑色叠加层？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42748423/