透明度与颜色

opacity

作用于整个元素及其子元素，取值 0～1。

rgba 与 hsla

只让背景或文字颜色带透明，不影响子元素继承的透明度层级，更灵活。

小结

需要整块变淡用 opacity；只要半透明背景用 rgba。