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

一、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）表白色。

 

转载于:https://www.cnblogs.com/it-taosir/p/9721553.html