При использовании свойства opacity для добавления прозрачности фона элемента все его дочерние элементы также становятся прозрачными. Это может затруднить чтение текста внутри полностью прозрачного элемента:
opacity 0.1
opacity 0.3
opacity 0.6
opacity 1 (по умолчанию)