css背景怎么做漸變透明呢？下面我們來介紹幾種方法。

/* 方法一：使用rgba() */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
/* 透明度從0開始，漸變到完全不透明 */
/* 方法二：使用transparent */
background: linear-gradient(to bottom, transparent 0%,rgba(255,255,255,1) 100%);
/* 同樣是透明度從0開始，漸變到完全不透明 */
/* 方法三：使用hsla() */
background: linear-gradient(to bottom, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,1) 100%);
/* hsla()函數中的a參數，控制透明度，0為全透明，1為不透明 */
/* 方法四：使用多層背景 */
background: linear-gradient(to bottom, #fff 0%,#fff 70%,transparent 70%,transparent 100%),
url(image.jpg) bottom center no-repeat;
/* 第一層是0%到70%全是白色，第二層是70%到100%是透明 */
/* 第一層覆蓋在第二層的背景圖片上，產生漸變透明效果 */