css颜色+透明度的写法

今天在学习页面的时候,看到视频里用到颜色的十六进制表达式直接设置透明度,但是后来在实践过程中发现是有误的,特此记录一下,也算是学习了一个新知识。

RGBA表示式

比如我们设置rgba(0, 0, 0, 0.6)则设置为透明度为60%

十六进制表达

视频里的错误在于误以为#00000060中的60即可代表60%,但实际上最后两位的计算范围是从00到ff的,所以这样设置的透明度真实值如图所示

image.png

猜你喜欢

转载自www.cnblogs.com/garyleessang/p/12234521.html