溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么用vue設置背景顏色及透明度”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用vue設置背景顏色及透明度”吧!
如上圖，如果是第一張圖片，需要在左上角加上灰色背景，白色“封面”字樣，背景色需要有透明度。
首先，需要知道rgba() 函數。
rgba() 函數使用紅(R)、綠(G)、藍(B)、透明度(A)的疊加來生成各式各樣的顏色。
RGBA 即紅色、綠色、藍色、透明度（英語：Red, Green, Blue、Alpha）。
紅色（R）0 到 255 間的整數，代表顏色中的紅色成分。。
綠色（G）0 到 255 間的整數，代表顏色中的綠色成分。
藍色（B）0 到 255 間的整數，代表顏色中的藍色成分。
透明度（A）取值 0~1 之間， 代表透明度。數值越小，透明度越高。
下面上vue代碼：
首先設置父級元素位置position: relative;然后設置子元素位置position: absolute;通過設置left、right、top、bottom來調整位置，然后設置背景色background:rgba(34,34,34,0.5);
在設置樣式時使用
background-color: unset
3.1.0 是設置了背景色的
登錄是沒有設置背景色的
到此，相信大家對“怎么用vue設置背景顏色及透明度”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
