復合寫法
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%）控制。
)
