rgba
// 例子:
.box1{
// 不限于背景颜色,可以是文字颜色,阴影等
background: rgba(0,0,255,0.4);
}
opacity
//例子
.box2{
background: rgb(0,0,255);
opacity:0.4;
}
他们的区别是什么呢?
有opacity属性的所有后代元素都会继承 opacity 属性,而rgba后代元素不会继承不透明属性
// 例子:
.box1{
// 不限于背景颜色,可以是文字颜色,阴影等
background: rgba(0,0,255,0.4);
}
//例子
.box2{
background: rgb(0,0,255);
opacity:0.4;
}
他们的区别是什么呢?
有opacity属性的所有后代元素都会继承 opacity 属性,而rgba后代元素不会继承不透明属性
本文标题:opacity和rgba的区别
本文链接:https://www.haomeiwen.com/subject/wrqhvftx.html
网友评论