您可以将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>


