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颜色