HTML让一张图片变暗,html – 使CSS背景图片变暗？

您可以使用

CSS3 Linear Gradient属性以及您的背景图像像这样：

#landing-wrapper {

display:table;

width:100%;

background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('landingpagepic.jpg');

background-position:center top;

height:350px;

}

这里是一个演示：

#landing-wrapper {

display: table;

width: 100%;

background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://placehold.it/350x150');

background-position: center top;

height: 350px;

color: white;

}