18910140161

css实现透明的两种方式及其区别

顺晟科技

2021-09-15 13:12:19

78

一、opacity:0~1

值越高,透明度越低,下面为示例

选择器{
opacity:0.5    
}

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

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

rgba(R,G,B,A) 其中R、G、B分别对应着红绿蓝,此处不细说。A则为透明度,规则如一,下面为示例

 

选择器{
background-color:rgba(0,0,0,0.5);
}

 

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

 

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航