rgba和opacity的区别及应用

透明度受影响的范围：

• rgba(0, 0, 0, 0) 只影响元素的颜色，将其设置为完全透明。元素的其他样式（例如文本内容、边框等）仍然是可见的。
• opacity 影响整个元素及其内容的透明度。这意味着如果你将一个元素的 opacity 设置为 0，不仅元素本身会消失，其内部的所有内容也将不可见。

性能影响：

• 使用 rgba(0, 0, 0, 0) 可能比 opacity 对性能更友好，因为后者会触发元素的重绘（repaint）和重排（reflow）过程，而前者只会影响元素的颜色而不会影响布局。
• opacity属性的值，可以被其子元素继承，给父级div设置opacity属性，那么所有子元素都会继承这个属性，而RGBA设置的元素的后代不会继承该属性及属性值。