vue怎么设置背景颜色及透明度 |
您所在的位置:网站首页 › 背景颜色的透明度如何设置 › vue怎么设置背景颜色及透明度 |
vue怎么设置背景颜色及透明度
发布时间:2021-06-30 15:18:47
来源:亿速云
阅读:1923
作者:小新
栏目:开发技术
这篇文章主要介绍了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: unset3.1.0 是设置了背景色的 登录是没有设置背景色的 感谢你能够认真阅读完这篇文章,希望小编分享的“vue怎么设置背景颜色及透明度”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习! 推荐阅读: css设置背景颜色透明度的方法 CSS怎么设置透明度免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 vue 上一篇新闻:airpods pro空间音频的意思是什么 下一篇新闻:Mybatis中resultMap怎么用 猜你喜欢 mysql在建站起什么作用 windows7怎么卸载mysql服务端 linux建站需要什么基础 国内建站程序哪个好 cmd怎么打开mysql服务 asp建站系统哪个好用 Mac怎么关闭mysql服务 国外建站会有哪些法律风险 ssh怎么重启mysql服务 网站上线除了备案还需要什么 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |