求老师帮忙辨析opacity:80; 和 filter:alpha(opacity=80);

求老师帮忙辨析opacity:80; 和 filter:alpha(opacity=80);

课程里我看到老师将这两个一起使用了, 不明白分别有什么作用, 只知道它们都是设置透明度的. 放一起不会效果重复么

正在回答

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

1回答

你好,filter:alpha(opacity=80); 这个是设置背景的透度明度。

filter:alpha(opacity=80); 这个后面还可以加知一个 filter:alpha(opacity=80);opacity:0.8;

 前一个opacity取值范围是内容0-100,后一个opacity取值范围是0-1。

相同点:都是值为0表示完全透明,值为1表示完全不透明

不同点:alpha可以应用于元素特定的属性(比如背景、边框、文字),且alpha只作用于这个属性,该属性的任何子元素都不会继承这个透明度。

而opacity会作用于某元素及该元素下的所有属性,该元素下的所有子元素会继承这个透明度。两者放在一起效果是不会重复的,祝学习愉快!

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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