opacity 、transparent、rgba() 这三属性使用上易混淆~~

opacity 、transparent、rgba() 这三属性使用上易混淆~~

老师,opacity 、transparent、rgba() 这三种都能实现透明度,但是这三种属性有何明确区分?我在实现透明度这效果总是搞不清楚,哪种情况下需使用哪种?是否能帮忙解答疑惑下,感谢~~

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕码 2019-09-10 11:16:26

同学你好!

1、opacity是作为一个完整属性出现的。transparent和rgba都是作为属性值出现的。

2、opacity是对于整个元素起作用的。打个比方,就像拿一块玻璃糊在了这个元素上,盖上的地方都会受到影响。而transparent和rgba是对元素的某个属性起作用的。任何需要设置颜色的地方都可以根据情况使用transparent或rgba。比如背景、边框、字体等等。哪个属性的颜色设置了transparent,哪个属性就是透明的,完全透明。哪个属性用rgba()设置了透明,就对哪个属性起作用,透明程度可设置。

3、由于opacity和rgba设置的透明程度可调,如果一个元素未设置opacity属性,那么它会从它的父元素继承opacity属性的值。而rgba不存在透明度继承。

可以从这三个的区别上看下,什么情况究竟用哪一个~

如果帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师