Question

这里的CSS ...

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

我想要背景图片的背景颜色向上。

Answer 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%;
}

Answer 2

希望下面的CSS为您工作...

background：＃ff0000 url（“ image / login-background-image.png”）;

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

如何在背景图像上添加背景颜色？

2 个答案: