В чем преимущества и недостатки функции rgba() перед свойством opacity?

Преимущества функции rgba() перед свойством opacity:

• Ограничение области влияния. 1 rgba() влияет только на одно свойство элемента (цвет, фон или рамку), в то время как opacity затрагивает все свойства целевого элемента и его дочерние элементы. 1 Это может улучшить производительность, особенно при использовании в сочетании с анимацией CSS3. 1
• Отсутствие проблем с отображением. 1 При использовании rgba() не возникает ошибок, связанных с тем, что opacity влияет на всю иерархию элементов. 1

Недостатки функции rgba():

• Отсутствие некоторых эффектов. 1 Например, с помощью rgba() нельзя достичь эффекта исчезающего изображения. 1
• Ограничение поддержки браузерами. 3 Функцию rgba() поддерживает не все браузеры, в частности Internet Explorer. 34

Свойство opacity предпочтительнее использовать вместо функции rgba() в следующих случаях: 5

• когда нужно сделать полупрозрачными несколько цветов; 5
• когда нужно сделать что-то полупрозрачным, не зная его цвет; 5
• когда нужно сделать полупрозрачным изображение; 5
• когда нужно использовать переход, то есть эффект анимации, который делает элемент постепенно появляющимся или исчезающим. 5