在 CSS 中,我们可以利用 rgba()
函数来设置透明度,其中 rgba
分别代表红、绿、蓝以及 alpha(透明度)的英文首字母,语法如下:
background-color: rgba(红, 绿, 蓝, alpha值)
其中,alpha 值的取值范围是 0.0
(完全透明)到 1.0
(完全不透明)。如果要将颜色设为完全透明,则 alpha 值应该设为 0.0
,如下所示:
background-color: rgba(0, 0, 0, 0.0); /* 完全透明黑色 */
如果要设置半透明,可以将 alpha 值设为小于 1.0
的值,如下所示:
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
如果要设置完全不透明,可以将 alpha 值设为 1.0
,如下所示:
background-color: rgba(0, 0, 0, 1.0); /* 完全不透明黑色 */
在这些例子中,前三个参数表示 RGBA 颜色值,第四个参数表示透明度(alpha 值)。注意,如果要使用这种方法给元素设置透明度,必须使用 RGBA 颜色值,不能使用其他颜色值,比如十六进制或颜色名称。