头闻号

广州远杨机械设备有限公司

化工原料代理加盟|磺酸|化工成套设备|行业专用设备加工|化工成型设备|化学试剂

首页 > 新闻中心 > 科技常识:css实现透明的两种方法
科技常识:css实现透明的两种方法
发布时间:2024-09-22 09:48:38        浏览次数:2        返回列表

今天小编跟大家讲解下有关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)表白色。

来源:爱蒂网