在css中transparent到底是什么意思呢?transparent它代表着全透明黑色,即一个类似rgba(0,0,0,0)这样的值。例如在css属性中定义:background:transparent,意思就代表背景透明。实际上background默认的颜色就是透明的属性,所以写和不写都是一样的。
transparent一般使用场景:
如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置为transparent
transparent在不同css版本中使用:
css1中,transparent被用来作为background-color的一个参数值,用于表示背景透明。
css2中,border-color也开始接受transparent作为参数值,《OpeneBook(tm)PublicationStructure1.0.1》[OEB101]延伸到color也接受transparent作为参数值。
css3中,transparent被延伸到任何一个有color值的属性上。
transparent例子:
<style>
.dom{
color:transparent;
border:1pxsolidtransparent;
background:transparent;
}
</style>
<divclass="dom">背景,文字颜色,border透明</div>
transparent
说明:
RGBA(R,G,B,A)
取值:
R:红色值。正整数|百分数
G:绿色值。正整数|百分数
B:蓝色值。正整数|百分数
A:Alpha透明度。取值0~1之间。
说明:
用来指定全透明色彩
总之,transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。