vue 如何设置背景颜色及透明度

192 阅读 0 评论 127 点赞

我是靠谱客的博主称心自行车，最近开发中收集的这篇文章主要介绍vue 如何设置背景颜色及透明度，觉得挺不错的，现在分享给大家，希望可以做个参考。

背景颜色及透明度设置

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

首先，需要知道rgba() 函数。

rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。

RGBA 即红色、绿色、蓝色、透明度（英语：Red, Green, Blue、Alpha）。

下面上vue代码：

首先设置父级元素位置position: relative;然后设置子元素位置position: absolute;通过设置left、right、top、bottom来调整位置，然后设置背景色background:rgba(34,34,34,0.5);

在设置样式时使用

background-color: unset

3.1.0 是设置了背景色的

登录是没有设置背景色的

以上为个人经验，希望能给大家一个参考，也希望大家多多支持靠谱客。

以上就是称心自行车为你收集整理的vue 如何设置背景颜色及透明度的全部内容，希望文章能够帮你解决vue 如何设置背景颜色及透明度所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。