Обычно заливка фона указывается вот таким способом (например серый цвет):
background: #dcdcdc;
Но есть и другой вариант указать тот же цвет, но уже с прозрачностью. Делается это вот так:
background: rgba(220, 220, 220, 0.7);
Где:
- первые 3 цифры (220, 220, 220) - это R, G и B координаты нужного цвета (можно подглядеть в палитре фотошопа, могу даже выложить фото, где именно, если интересно), причем они не всегда совпадают, просто в нашем случае так получилось;
- последняя цифра (0.7) - прозрачность в процентах, 0.7 = 70% (аналогично opacity впринципе).
Кстати, если кому-то нужен прозрачный чисто черный overlay, то он будет выглядеть вот так:
background: rgba(0, 0, 0, 0.7);
У черного RGB всегда 0, такой уж цвет.
Вот и весь секрет прозрачного background на CSS.
Верстайте на здоровье! =)
Все комментарии к заметке "Прозрачный фон при помощи CSS (свойство background)"
Оставьте свой комментарий первым!