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>