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>