hsla()

CSS hsla() 函数扩展了HSL颜色模式，它包含了阿尔法通道，允许设定一个颜色的透明度。

颜色可以使用 hsla() 函数来表示。 hsla() 颜色扩展了HSL颜色模式，它包含了阿尔法通道，允许设定一个颜色的透明度。阿尔法通道0表示完全透明，1表示不透明。

下面的代码是使用 hsla() 函数的例子。

hsla(240,100%,50%,0.05)   /* 5%透明度的蓝色 */  
hsla(240,100%,50%, 0.4)   /* 40%透明度的蓝色 */ 
hsla(240,100%,50%, 0.7)   /* 70%透明度的蓝色 */ 
hsla(240,100%,50%,   1)   /* 蓝色 */  

下面的例子是通过 hsla() 函数为元素设置不同背景色的效果。

hsla(200, 100%, 50%, .1)

hsla(200, 100%, 50%, .3)

hsla(200, 100%, 50%, .5)

hsla(200, 100%, 50%, .7)

hsla(200, 100%, 50%, 1)

浏览器支持

所有的现代浏览器都支持颜色属性。包括：Chrome, Firefox, Safari, Opera, IE 和 Android 和 iOS。

在IE浏览器中，只有IE9+浏览器才支持， hsla() ， rgba() ， transparent 关键字和 currentColor 关键字。

查看更多关于hsla()的详细内容...