如何在白色css背景上叠加黑色文字和图像？

Question

问题我听起来像这样：我有一个背景css图像，覆盖白色背景颜色和不透明度0.8，所以白色bg背后的图像可能有点可见。我想在两个背景上添加一些文字和另一个图像，但不透明度在我的文字和文字上也是有效的。图像，因为这两者都很难看到。 这里也是我在这一刻所拥有的截图。 http://prnt.sc/c8uf8q

Answer 1

如何设置背景颜色和不透明度以进行叠加？ 如果你定义这样的属性：

.overlay{
    background-color: white;
    opacity: 0.8;
}

然后将其替换为：

.overlay{
    background: rgba(255,255,255,0.8);
}

文字将可见