广告位联系
返回顶部
分享到

CSS设置背景透明度,16进制色值设置透明度的方法

css 来源:互联网 作者:佚名 发布时间:2024-06-27 21:48:33 人浏览
摘要

1、rgba(推荐) (rgba与rgb区别:rgb和rgba都表示颜色。 rgb: 代表 红 绿 蓝 三种颜色 rgba: 在rbg的基础上加了 alpha 透明度,取值在0-1之间。) 1 background: rgba(0,0,0,0.4); 2、rgb( 0 0 0 /x%) 这是之前写

1、rgba(推荐)

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

1

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

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

1

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

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

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

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

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

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


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计