在css中使用rgba(255, 255, 255, 0.5)这样的格式来表示rgha。其中最后一个参数表示Alpha通道,表示透明度。
例如:给两个div添加一样的背景色设置不同的透明度
代码:
<div class="div1">rgba透明度0.4</div>
<div class="div2">rgba透明度0.6</div>
css:
div{
margin:10px auto
width:200px
height:100px
text-align: center
line-height: 90px
}
.div1{background: rgba(83,172,150,0.4)}
.div2{background: rgba(83,172,150,0.8)}
效果:
在css3中的rgb和rgba是没什么区别的,都支持RGB三色以及α通道,但在css2.1中的rgb则只接受r、g、b三个参数,所以为了保证兼容性,在需要使用透明色的时候,尽可能用rgba,不要用rgb带四个参数的方式