Преимущества свойства opacity по сравнению с другими методами создания полупрозрачности в CSS:

• позволяет настраивать прозрачность элемента; 34
• делает элементы невидимыми, но они остаются интерактивными и сохраняют свою позицию в вёрстке; 2
• с помощью opacity можно создать плавное проявление или исчезновение элементов. 2

Недостатки:

• распространяется на все дочерние элементы родителя, что может приводить к тому, что текст на полупрозрачном фоне тоже будет полупрозрачным и не так хорошо выделяться; 1
• использование opacity со значением, отличным от 1, помещает элемент в новый контекст наложения, что может влиять на z-index и видимость наложенных элементов. 24

Альтернативой свойству opacity может служить формат RGBA. 1 Он гибок и действует только на конкретный заданный элемент, не затрагивая дочерних. 1