vue 选中背景高亮(vue 如何设置背景颜色及透明度)
类别:编程学习 浏览量:2676
时间:2021-10-23 10:25:45 vue 选中背景高亮
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);
设置button的背景色为透明色在设置样式时使用
background-color: unset
3.1.0 是设置了背景色的
登录是没有设置背景色的
以上为个人经验,希望能给大家一个参考,也希望大家多多支持开心学习网。
您可能感兴趣
- vuefor指令使用教程(Vue必学知识点之forEach的使用)
- vue在html里面怎么展示图片(v-html渲染组件问题)
- vue如何excel表格上传功能(Vue + iView实现Excel上传功能的完整代码)
- vue 表格数据增加修改(vue element实现表格增加删除修改数据)
- vue离线地图有哪些(vue 集成腾讯地图实现api附DEMO)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue3 ref 的用法(Vue3中watchEffect的用途浅析)
- vuetable表格合并(vue-table实现添加和删除)
- vue3.0零基础入门(快速掌握Vue3.0中如何上手Vuex状态管理)
- vue3函数详解(手把手教你用vue3开发一个打砖块小游戏)
- vue图片切换软件(Vue实现简单图片切换效果)
- vue按需引入elementui组件(vue ElementUI实现异步加载树)
- vue3.0 黑暗风格(Vue3.0 手写放大镜效果)
- vue 优雅写法(使用vue实现手写签名功能)
- vuex数据持续化(Vuex数据持久化实现的思路与代码)
- elementui和vue详解(Vue+Element UI实现概要小弹窗的全过程)
- 律界衣品最好,时尚圈学识数高,41岁的Amal堪称现实版的傲骨贤妻(时尚圈学识数高)
- 刘智泰确认出演《Good Wife》 担纲男一号(刘智泰确认出演Good)
- 《傲骨之战》剧终 律政女魔头Diane,为什么是大女主天花板(傲骨之战剧终律政女魔头Diane)
- 汉族(汉族的祖先是谁)
- 中国有几个名族(中国有几个民族没列入56个民族)
- 数学语文题目(语文的数学题)
热门推荐
- html怎么设置地图(HTML5获取当前地理位置并在百度地图上展示的实例)
- VS调试提示"源文件与模块生成时的文件不同"
- python基于django的博客系统(利用django+wechat-python-sdk 创建微信服务器接入的方法)
- python元组操作方法(Python元组常见操作示例)
- python读取数据集的图片(浅析Python 读取图像文件的性能对比)
- css 模块阴影(CSS 曲线阴影实现的示例代码)
- php上传文件的要求(PHP 文件上传限制问题)
- 优化SQL语句,提高数据库的访问性能
- layui多级联动下拉框的实现(使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果)
- mysql8.0查询操作(MySQL 8.0 redo log的深入解析)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9