1、rgba(推荐)

(rgba与rgb区别:rgb和rgba都表示颜色。
        rgb: 代表 红 绿 蓝 三种颜色
        rgba: 在rbg的基础上加了 “alpha” 透明度,取值在0-1之间。)

background: rgba(0,0,0,0.4);

2、rgb( 0 0 0 /x%)  这是之前写样式用的格式,也可以渲染成功

background: rgb(0 0 0 /40%);

 3、十六进制色值,在16进制色值后直接加两位数字,作为透明度

同样取值在0~255,那么如果想设置透明度为0.5,就要加255的一半,大约用128,搜一个进制转换工具,转换出来16进制数是80

在我们想要加透明度的色值后面直接加上80即可

 4、opacity, 取值在0-1之间,值越小越透明

但子元素会继承父元素的透明度,即使在设置子元素opacity,也是在父元素opacity基础上设置,使用场景非常有限

css设置背景透明度、16进制色值设置透明度相关推荐

  1. 踩坑~CSS~8 位16 进制颜色

    踩坑-CSS-8 位16 进制颜色 背景 初步结论 网页颜色 16 进制数字表示方法 十进制"函数"表示 支持度与最终结论 背景 我在开发 webview 环境下的 H5 小应用( ...

  2. android 颜色透明度16进制换算

    Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以"#"字符开头,以16进制表示. 透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 ...

  3. 颜色透明度 16进制对应表

    一.颜色透明度和十六进制对应的表格: 透明度 16进制 100% 0 99% 3 98% 5 97% 7 96% 0A 95% 0D 94% 0F 93% 12 92% 14 91% 17 90% 1 ...

  4. 颜色rgb设置透明度 16进制常见颜色

    数字是0-255 rgba(44,255,,0) 最后一个数字是0 纯透明 rgba(44,255,,1) 最后一个数字是1 纯不透明 16进制颜色 #ffff00黄色 #0000ff蓝色 #ffff ...

  5. 16进制色值透明度对照表

    100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 ...

  6. CSS标准颜色值查找 16进制10进制颜色值表 颜色中英文名称 在线颜色配色对比效

    名称背景 数值背景 颜色名称 中文名称 十六进制RGB 十进制RGB 粗细字体配色参考   aliceblue 艾利斯兰 #f0f8ff 240,248,255 艾利斯兰[中国搜]     antiq ...

  7. 透明度,颜色透明度16进制对照表

    100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 ...

  8. python把10进制数字转16进制并设置字符串宽度右对齐,前面填充0

    代码: print(hex(255)[2:].zfill(2)) print(hex(7)[2:].zfill(2)) print(hex(70)[2:].zfill(2)) 运行:

  9. 16进制颜色值透明度百分比对照

    透明度的16进制色值和百分比对照表 写代码会常用到透明度,例如红色16进制不加透明度为#FF0000,前面两位为透明度#00FF0000 <color name="red"& ...

最新文章

  1. html中for标记,C#使用for循环移除HTML标记
  2. doc es 中type_Elasticsearch(024):es常见的字段映射类型之 连接类型(join type)
  3. 用Python爬取Bilibili视频,难吗?
  4. 2017.3.14 软件包管理器 思考记录
  5. codeigniter中 get_instance()的应用
  6. C++之指向const对象的指针和const指针
  7. 《Java深入解析》阅读笔记二(运算符与表达式)
  8. js-数据类型和变量
  9. 计算机是根据用户名,根据用户名移动计算机账号
  10. 三段式状态机的原理/代码/仿真,1001序列检测实例Verilog
  11. 计算机时钟的工作原理,电脑时钟电路工作原理
  12. 移动前端开发屏幕宽度设置之viewport的深入理解
  13. 大功率锂电池组BMS(电池管理系统)保护板电路介绍(ACS758/CH704应用案例)
  14. 利用kali Linux进行中间人攻击
  15. bzoj1499(DP+单调队列)
  16. 《大明王朝》掠之于官
  17. SQL_数据库表的操作
  18. 微信解除自定义表情150个上限?
  19. 一个简单的B站视频抽奖小程序
  20. win 10 mmdetection 配置

热门文章

  1. 接口测试——postman文件夹介绍以及批量执行用例
  2. KBQA知识总结(学习笔记)
  3. Java三大版本及 JVM JDK JRE 及 SDK API
  4. Python PyCharm Django 搭建web开发环境
  5. ​WebStorm 超好用的10款插件,效率提升了好多!
  6. 量化交易入门阶段——欧奈尔的CANSLIM模型(N 新产品、新管理层和股价创新高)
  7. 微信小程序 报错一大串 define is not defined
  8. Elasticsearch(ES) 基本知识
  9. 喷墨打印机的使用 hp LaserJet 1010 HB 打印顺序
  10. 利用 Echarts 简单制作省份或区域地图步骤