transparent
transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。例如在css属性中定义:background:transparent,意思就代表背景透明。实际上background默认的颜色就是透明的属性,所以写和不写都是一样的。
示例
.dom {
color: transparent;
border: 1px solid transparent;
background: transparent;
}
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
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值的属性上。
- border-color不接受该值,如果使用了该值,则使用currentColor;
- 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颜色





