Как сделать на css прозрачный фон, как у картинки?

Question

[akerimov]

Посмотрите на вложенную картинку. Сверстал тексты, форму, но как в css сделать прозрачный фон?

Answer 1

[Евгений Петров]

Конечно же, rgba().
Ещё можно почитать про background-blend-mode, однако поддержка этого чуда пока невсеобъемлюща.

Answer 2

[Алексей Рытиков]

Прозрачное:
background-color: transparent;
Полупрозрачное с цветом:
background-color: rgba(90,0,0,0);

Answer 3

[desuvin]

Если макет в фотошопе, то выделите фон, посмотрите там цвет, а также прозрачность, которая установлена. Цвет легко определить с помощью отключения прозрачности и пипетки
Далее напишите в css у нужного дива background-color: rgba(цвет из фотошопа, прозрачность из фотошопа)
Например, background-color: rgba(255,255,255, 0.6);

Answer 4

[Марат]

вставляешь эту строку opacity: 0.7; в место где ты задал для этого блока фон.
Примеры тут, тут и тут

Comments

[Moskus]

opacity применяется ко всему элементу, включая текст, а не только к фону.

[Роман]

а потом человек будет спрашивать "как сделать текст не полупрозрачным"