使CSS背景图片变暗？

您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示：

#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;}<div id="landing-wrapper">Lorem ipsum dolor ismet.</div>