vue中设置背景颜色怎样做，如何调整透明度-群英

上一篇：基于vue框架怎样制作筛选组件，代码是什么下一篇：用JS怎样实现商品细节的放大镜功能

这篇文章主要介绍了vue中设置背景颜色怎样做，如何调整透明度相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇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设置背景颜色

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：基于vue框架怎样制作筛选组件，代码是什么下一篇：用JS怎样实现商品细节的放大镜功能