Как дать прозрачность блоку не затронув текст?

Question

[Rulon Oboevv]

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

Comments

[Lynn «Кофеман»]

Использовать прозрачный цвет фона.

Answer 1

[Дмитрий]

Вариант 1 - background-color: rgba
background-color: rgba(r, g, b, a);
Первые три буквы расшифровываются как red, green, blue
Последняя - альфа-канал и задает прозрачность элемента.
Пример

Вариант 2 opacity
Пример

Answer 2

[Ростислав Игнатенко]

Смотря что у вас является задним фотон, картинка или обычный цвет. Если обычный цвет, то используйте rgba, например

background-color: rgba(42, 48, 41, .5) // .5 - 50% прозрачность

Answer 3

[Mark]

В хроме в режиме разработчика найдите цвет элемента который нужно поменять, кликните на цвет и выберите в палитре прозрачность, отрегулируйте %. И проблема решится.