transparent

语法

  • RGBA(R,G,B,A)

取值

  • R：红色值。正整数 | 百分数
  • G：绿色值。正整数 | 百分数
  • B：蓝色值。正整数 | 百分数
  • A：Alpha透明度。取值0~1之间。

说明

用来指定全透明色彩。

  • transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。
  • 在CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。
  • 在CSS2中，border-color也开始接受transparent作为参数值，《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。
  • 在CSS3中，transparent被延伸到任何一个有color值的属性上。

兼容性

IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0 #1 #2 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
7.0-8.0 #2
9.0+
  • border-color 不接受该值，如果使用了该值，则使用 currentColor；
  • color 不接受该值，如果使用了该值，则使用 currentColor；

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
.test {
    color: transparent;
    border: 1px solid transparent;
    background: transparent;
}
</style>
</head>
<body>
<div class="test">看看各带color的属性设置为transparent时的效果</div>
</body>
</html>