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值的属性上。

兼容性:

浅绿 = 支持

红色 = 不支持

粉色 = 部分支持

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0 2.0+4.0+3.1+3.5+3.2+2.1+18.0+
7.0-8.0 
9.0+
  1. border-color 不接受该值,如果使用了该值,则使用 currentColor
  2. color 不接受该值,如果使用了该值,则使用 currentColor

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{

		color: transparent;
	border: 1px solid transparent;
	background: transparent;
		}

	</style>
</head>
<body>
	<div>背景,文字颜色,border透明</div>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

更多内容请参阅:CSS颜色值CSS颜色