transparent

transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。例如在css属性中定义：background:transparent，意思就代表背景透明。实际上background默认的颜色就是透明的属性，所以写和不写都是一样的。

示例 

.dom {
	color: transparent;
	border: 1px solid transparent;
	background: transparent;
}

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
IE9以上版本的浏览器都支持 transparent

语法：

property : transparent

取值：

  • transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。
  • 在CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。
  • 在CSS2中，border-color也开始接受transparent作为参数值，《OpeneBook(tm)PublicationStructure1.0.1》[OEB101]延伸到color也接受transparent作为参数值。
  • 在CSS3中，transparent被延伸到任何一个有color值的属性上。
  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:1pxsolidtransparent;
	background:transparent;
		}

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

效果图：

更多内容请参阅： CSS颜色值 、 CSS颜色

上篇： hsla()

下篇： currentColor