背景顏色及透明度設(shè)置

如上圖，如果是第一張圖片，需要在左上角加上灰色背景，白色“封面”字樣，背景色需要有透明度。

首先，需要知道rgba() 函數(shù)。

rgba() 函數(shù)使用紅(R)、綠(G)、藍(lán)(B)、透明度(A)的疊加來生成各式各樣的顏色。

RGBA 即紅色、綠色、藍(lán)色、透明度（英語：Red, Green, Blue、Alpha）。

紅色（R）0 到 255 間的整數(shù)，代表顏色中的紅色成分。。 綠色（G）0 到 255 間的整數(shù)，代表顏色中的綠色成分。 藍(lán)色（B）0 到 255 間的整數(shù)，代表顏色中的藍(lán)色成分。 透明度（A）取值 0~1 之間， 代表透明度。數(shù)值越小，透明度越高。

下面上vue代碼：

首先設(shè)置父級元素位置position: relative;然后設(shè)置子元素位置position: absolute;通過設(shè)置left、right、top、bottom來調(diào)整位置，然后設(shè)置背景色background:rgba(34,34,34,0.5);

設(shè)置button的背景色為透明色

在設(shè)置樣式時(shí)使用

background-color: unset

3.1.0 是設(shè)置了背景色的

登錄是沒有設(shè)置背景色的

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。