В этой статье мы расскажем о том, как добавить на сайт прозрачный фон.
Основная проблема состоит в том, что добавить прозрачное изображение можно только, если использовать PNG формат и через фарматирование самой картинки специальными программами, такими как Fhotoshop.
Совсем другая ситуация с цветом, вот его то и можно задать прозрачным. Для задания полупрозрачного фона в CSS есть специальный формат задания цвета - rgba, в котором цвет задается 3 составляющими Red, Green, Blue и четвёртым Alpha, который и отвечает за прозрачность цвета. Цветовые составляющие задаются числами от 0 до 255, а прозрачность от 0 до 1.
Пример полупрозрачного красного цвета диву:
Применим его к блоку с какими-то значениями высоты и ширины и вот результат:
Аналогичным способом можно задавать и другие прозрачности различным цветам, если это делать на белом фоне, то изменения будут видны только в том, что цвет фона потускнеет. Совсем другое если под таким блоком будет изображение.
Добавить комментарий
Авторизоваться с помощью: