Question

怎样用css实现图片的渐变？如图

背景图片从上往下透明度逐渐变化，并且上面覆盖有内容。

Answer 1

<style>
div {
box-sizing:border-box;
width:400px;
height:240px;
font-size:22px;
padding-top:100px;
overflow:hidden;
background:no-repeat center top / 100% 100%;
background-image:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), url(背景图片路径写在这)
}
</style>
<div>
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
</div>

Answer 2

这个你可以在图片上面加个渐变颜色就行了，background:linear-gradient（）