• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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