Css 如何将覆盖添加到背景图像

我对网页设计肯定是新手

如图所示，我看到的大多数网站都在图片上加了这种遮罩，然后在遮罩上加了文字

那么，如果我不以这种方式编辑图片，并希望在其上添加遮罩，我该如何实现这一点呢

我使用一个引导Jumbotron作为网站的标题部分，容器流体属性和它的高度设置为100vh。 我使用一个图像作为jumbotron的背景图像。这是一件很普通的事情，在很多网站上都可以看到。例如：

那么，我如何在背景图像中添加遮罩或覆盖，当然是黑色色调，以便使白色文本可见呢

附言。

---

我对css非常陌生，今天我开始了解这些遮罩和覆盖属性本身。

您可以将两个块嵌套在一起，一个与背景图像，另一个与覆盖层：

.background{
宽度：500px；
高度：500px；
背景：url（'https://static1.squarespace.com/static/56be46d2a3360cae707270a0/t/5772ef9b20099e38818859b0/1467150245253/');
背景尺寸：封面；
}
.覆盖{
宽度：500px；
高度：500px；
背景色：rgba（0,0,0,0.5）；
}

---

尝试使用线性渐变：

背景图像：线性渐变（rgba（0,0,0,0.5），rgba（0,0,0,0.5）），url（“../some image.jpg”）

有关更多信息，请查看此链接：
您当然可以获得此问题的帮助，但您必须提供代码，以便我们为您指明正确的方向。