Чтобы использовать свойство opacity для создания полупрозрачных элементов, нужно установить для него значение в диапазоне от 0 (полная прозрачность) до 1 (полная непрозрачность). 24

Пример установки прозрачности элемента: .selector { opacity: 0;. 2

Пример установки полупрозрачности элемента, сквозь который видно фон: .selector { opacity: 0.5;. 2

Если элемент содержит внутри себя другие элементы, то они также изменят свою прозрачность. 3

Важно помнить, что невидимый элемент всё равно остаётся на странице и продолжает влиять на поток документа. 2

Если нужно задать полупрозрачный фон, а дочерние элементы должны быть нормальными (текст, изображения), следует использовать полупрозрачный фон background, а не opacity. 1