如何在白色css背景上叠加黑色文本和图像?
问题描述:
我听起来像这样的问题:我有一个背景CSS图像覆盖白色背景颜色和不透明度0.8,所以白色背景后面的图像可能会有点可见。我想在两个背景上添加一些文字和另一个图像,但不透明度也对我的文字&图像有效,因为这两者都很难看清。 这里也是我在这一刻的截图。 http://prnt.sc/c8uf8q如何在白色css背景上叠加黑色文本和图像?
答
如何设置背景颜色和不透明度以覆盖? 如果你定义的属性是这样的:
.overlay{
background-color: white;
opacity: 0.8;
}
然后将其替换为:
.overlay{
background: rgba(255,255,255,0.8);
}
文本将是可见的
+0
这里是我用来从上面的截图中获取图像的代码http: //prnt.sc/c9p9ss –
+0
消除不透明度:0.8;从#uniquedesign :: before {} 之前,因为你已经在后台设置了不透明度值:rgba(255,255,255,0.8); 。这里最后一个参数(0.8)代表不透明度。 – hdev
的可能的复制(HTTP [CSS背景图像不透明度?]:/ /*.com/questions/6890218/css-background-image-opacity) –
欢迎来到堆栈溢出!寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]中(https://blog.*.com/2014/09/introducing-runnable) -javascript-CSS-和HTML的代码段/)。请参阅[**如何创建一个最小,完整和可验证示例**](http://*.com/help/mcve) –