复合写法
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 82.5%),url('https://example.com/image.jpg') center / cover no-repeat;
参数说明：
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 82.5%)
创建从下至上的垂直渐变（180度），起始点为完全透明的白色（rgba(255,255,255,0)），在82.5%位置过渡到纯白色（#FFF）。url()
指定背景图片的路径。center
图片水平垂直居中。cover
缩放图片以完全覆盖容器，可能裁剪部分内容。no-repeat
禁止图片重复平铺。
拆解写法解析
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 82.5%),url('https://example.com/image.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
参数说明：
background-image
定义多层背景：上层为渐变，下层为图片。background-position: center
单独控制图片和渐变的位置居中。background-size: cover
单独控制图片尺寸适应方式。background-repeat: no-repeat
单独禁用图片重复。
透明度关键点
rgba(255,255,255,0)
使用RGBA颜色模型，第四个参数0表示完全透明（取值0-1）。- 渐变中透明到不透明的过渡通过色标位置（
0%和82.5%）控制。
)
