vue 如何設定背景顏色及透明度
阿新 • • 發佈:2021-07-02
背景顏色及透明度設定
如上圖,如果是第一張圖片,需要在左上角加上灰色背景,白色“封面”字樣,背景色需要有透明度。
首先,需要知道rgba() 函式。
rgba() 函式使用紅(R)、綠(G)、藍(B)、透明度(A)的疊加來生成各式各樣的顏色。
RGBA 即紅色、綠色、藍色、透明度(英語:Red,Green,Blue、Alpha)。
- 紅色(R)0 到 255 間的整數,代表顏色中的紅色成分。。
- 綠色(G)0 到 255 間的整數,代表顏色中的綠色成分。
- 藍色(B)0 到 255 間的整數,代表顏色中的藍色成分。
- 透明度(A)取值 0~1 之間, 代表透明度。數值越小,透明度越高。
下面上程式碼:
首先設定父級http://www.cppcns.com元素位置position: relative;然後設定子元素位置position: absolute;通過設定left、right、top、www.cppcns.combottom來調整位置,然後設定背景色background:rgba(34,34,0.5);
設定button的背景色為透明色
在設定樣式時使用
background-color: http://www.cppcns.comunset
3.1.0 是設定了背景色的
登入是沒有設定背景色的
以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。