现在的位置: 首页 > web前端 > 正文

css 透明颜色transparent的使用

2020年07月06日 web前端 ⁄ 共 820字 ⁄ 字号 评论关闭

  在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)这样的值。

【上篇】
【下篇】

抱歉!评论已关闭.