头闻号

深圳美源坊日用化工有限公司

化妆品包装|皮肤用化学品|口腔用化学品|毛发用化学品|家居用品代理加盟|头发护理

首页 > 新闻中心 > 科技常识:css实现透明的两种方法
科技常识:css实现透明的两种方法
发布时间:2023-02-01 10:42:32        浏览次数:3        返回列表

今天小编跟大家讲解下有关css实现透明的两种方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css实现透明的两种方法 的相关资料,希望小伙伴们看了有所帮助。

一、opacity:0~1

值越高,透明度越低:

div{ opacity:0.5 }

选择器匹配到的节点们,包括节点们的孩子节点,都会实现%50透明,另 0.5 可直接写成 .5

二、rgba(0~255,0~255,0~255,0~1)

rgba(0,0,0,0.5) :

div{background-color:rgba(0,0,0,0.5);}

选择器匹配到的节点们,当且仅当匹配到的节点,不包括其孩子节点,透明度为50%,(0,0,0)表黑色,而(255,255,255)表白色。

来源:爱蒂网