css - CSS/Sass 在背景图像上设置不透明度 0.5 的背景颜色

Question

目前我有一个这样的深色背景图像：

所以现在如果我在上面写文字，它就不是那么清晰可见了。我想在图像上添加背景颜色或图层并将其设置为opacity，.5以便获得更黑的背景。

我怎样才能做到这一点？

Answer 1

您可以使用覆盖来实现此目的：http: //jsfiddle.net/q2m5x/1/

只需放在<div class="overlay"></div>您的身体之后（或任何具有背景图像的容器）。