如何在背景图像上添加背景颜色？ [复制]答案

【问题标题】：How to add background-color on background-image? [duplicate]如何在背景图像上添加背景颜色？ [复制]
【发布时间】：2023-05-14 03:26:02
【问题描述】：

这里的CSS...

background-image: url("image/login-background-image.png");
background-repeat: no-repeat;
background-size: cover;

我想要背景图像的背景颜色。

【问题讨论】：

请分享预期的输出，更多细节也很好！

标签： html css

【解决方案1】：

你的意思是这样的吗？

适用于所有主要浏览器 - 在 chrome 上测试，即 firefox 和 edge。

body {
background-image: 
  linear-gradient(rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)),     
  url("https://images.freeimages.com/images/large-previews/647/snowy-mountain-1378865.jpg");
width:100%;
height:100%;
}

【讨论】：

【解决方案2】：

希望下面的 CSS 对你有用...

背景：#ff0000 url("image/login-background-image.png");

如果没有，请分享预期的输出以及 HTML 和 CSS

【讨论】：

发帖前最好测试一下代码
@TemaniAfif 我可以知道我的答案投反对票的原因吗！
我可以知道你为什么指责我对你的答案投反对票吗？您不知道，也无法知道谁对您的 anwser 投了反对票，所以请不要指责您看到的第一个人。
@TemaniAfif ：我不是在指责你 Temani。如果我错过了提供适当的答案，它可以帮助我即兴解决问题的能力。顺便说一句，你提到了一条评论说“这很好在发布之前测试代码”。所以我想你会帮助我理解我是否在上面做错了。
测试你的代码将帮助你理解......看看你的代码会产生什么，你就会知道问题出在哪里