Прозрачный фон при помощи CSS (свойство background)

Заметка на тему: CSS

Вам нужно сделать прозрачный фон, но при этом не прозрачные буквы (то есть opacity для этого не подходит)? Тогда я расскажу об одной интересной особенности CSS параметра background.

Обычно заливка фона указывается вот таким способом (например серый цвет):


Но есть и другой вариант указать тот же цвет, но уже с прозрачностью. Делается это вот так:

Где:
- первые 3 цифры (220, 220, 220) - это R, G и B координаты нужного цвета (можно подглядеть в палитре фотошопа, могу даже выложить фото, где именно, если интересно), причем они не всегда совпадают, просто в нашем случае так получилось;
- последняя цифра (0.7) - прозрачность в процентах, 0.7 = 70% (аналогично opacity впринципе).

Кстати, если кому-то нужен прозрачный чисто черный overlay, то он будет выглядеть вот так:

У черного RGB всегда 0, такой уж цвет.

Вот и весь секрет прозрачного background на CSS.
Верстайте на здоровье! =)