CSS Прозрачность боксов

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

opacity 0.1

opacity 0.3

opacity 0.6

opacity 1 (по умолчанию)