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

时间:2018-08-13 07:26:50

标签: html css

这里的CSS ...

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

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

2 个答案:

答案 0 :(得分: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%;
}

答案 1 :(得分:-1)

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

background:#ff0000 url(“ image / login-background-image.png”);

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