av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue 如何設置背景顏色及透明度

瀏覽:110日期:2022-09-28 14:04:23
背景顏色及透明度設置

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代碼:

vue 如何設置背景顏色及透明度

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

vue 如何設置背景顏色及透明度

設置button的背景色為透明色

在設置樣式時使用

background-color: unset

vue 如何設置背景顏色及透明度

3.1.0 是設置了背景色的

vue 如何設置背景顏色及透明度

登錄是沒有設置背景色的

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 久久久久国产精品免费免费搜索 | 欧美成人手机视频 | 日韩 欧美 二区 | 丁香综合 | 日本一区二区高清视频 | 国产一区二区三区四区五区加勒比 | 亚洲精品视频一区二区三区 | 95国产精品 | 日韩在线欧美 | 尹人av| 四色永久| 免费国产黄网站在线观看视频 | 精品av天堂毛片久久久借种 | 国产精品一区二区三区在线播放 | 国产精品自产拍在线观看蜜 | 国产精久久久久久 | 成人a在线 | 中文精品一区二区 | 97免费在线视频 | 午夜精品久久久久久久 | 国产精品1区2区 | 天堂av中文 | 日韩精品在线一区 | 国产亚洲网站 | 久久精品国产清自在天天线 | 亚洲乱码一区二区三区在线观看 | 婷婷色在线 | 国内精品久久精品 | 特级特黄特色的免费大片 | 国产精品一区免费 | 国产乱码精品一区二区三区五月婷 | 久久青青| 亚洲成人精品免费 | 久久精品综合 | 国产免费观看视频 | 在线观看黄色电影 | 色男人的天堂 | 天天插日日操 | 精品国产一区一区二区三亚瑟 | 天天干免费视频 | 国产精品视频网站 |