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

-2

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

来源

2016-08-22 Razvan Rusu

的可能的复制（HTTP [CSS背景图像不透明度？]：/ /stackoverflow.com/questions/6890218/css-background-image-opacity） –

欢迎来到堆栈溢出！寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代码段/）。请参阅[**如何创建一个最小，完整和可验证示例**]（http://stackoverflow.com/help/mcve） –

如何设置背景颜色和不透明度以覆盖？如果你定义的属性是这样的：

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

然后将其替换为：

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

文本将是可见的

来源

2016-08-22 10:40:53 hdev

这里是我用来从上面的截图中获取图像的代码http： //prnt.sc/c9p9ss –

消除不透明度：0.8;从#uniquedesign :: before {} 之前，因为你已经在后台设置了不透明度值：rgba（255,255,255,0.8）; 。这里最后一个参数（0.8）代表不透明度。 – hdev

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

回答

相关问题