共计 625 个字符，预计需要花费 2 分钟才能阅读完成。
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+ 浏览器才支持 hsl()，hsla()，rgba()，transparent 关键字和 currentColor 关键字。
相关阅读
正文完
