CSS3 之透明度

183 阅读1分钟

前言

最近做需求,遇到了按钮需要根据状态切换透明度

rgba 和 opacity 的区别

rgba 和 opacity 虽然都能实现透明效果。但是区别主要在于其是否会被继承

rgba 设置透明度仅作用当前元素,而 opacity 的透明度会被子代元素继承。

因此 rgba 更适合设置容器内,元素不需要透明的情况。而 opacity 适合设置容器内所有元素都需要透明度的情况