本文介绍: 有时候我们想把盒子背景设置透明的,或者半透明的,看起来更美观。这就需要我们给颜色一个透明度

时候我们想把盒子背景设置透明的,或者半透明的,看起来更美观。这就需要我们给颜色一个透明度

方法一:直接使用backgroundrgba(R,G,B,A)’来设置透明的背景,第四个alpha代表透明度范围在0到1之间,0表示完全透明,1表示完全不透明,0.5则为半透明。

以下是效果,我设置的是70%的透明度

方法二:使用backgroudrgba(R,G,B)或backgroundcolor’来设置背景颜色然后用‘opactiy透明度值’属性透明度值同alpha一样

方法三:使用backgroundcolor十六进制,在十六进制后面加上以下数字百分比代表透明度值,对应透明度数值在这↓↓↓

记住一定要是十六进制的)

例子如下

设置透明度!!底色为白色↓

 

设置了全透明!!

 

 怎么样对比明显不,设置透明度也可以使用这种方法,不过我觉得不管那种方法达到目的就好了。

 

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注