Как сделать background прозрачным в css

Как сделать прозрачный background(фон) через CSS?

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна0 / 5

В этой статье мы расскажем о том, как добавить на сайт прозрачный фон.

Основная проблема состоит в том, что добавить прозрачное изображение можно только, если использовать PNG формат и через фарматирование самой картинки специальными программами, такими как Fhotoshop .

Совсем другая ситуация с цветом, вот его то и можно задать прозрачным. Для задания полупрозрачного фона в CSS есть специальный формат задания цвета — rgba , в котором цвет задается 3 составляющими Red , Green , Blue и четвёртым Alpha , который и отвечает за прозрачность цвета. Цветовые составляющие задаются числами от 0 до 255, а прозрачность от 0 до 1.

Пример полупрозрачного красного цвета диву:

Применим его к блоку с какими-то значениями высоты и ширины и вот результат:

Аналогичным способом можно задавать и другие прозрачности различным цветам, если это делать на белом фоне, то изменения будут видны только в том, что цвет фона потускнеет. Совсем другое если под таким блоком будет изображение.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *