HEX / RGB / RGBA

5 января 2011 г. #верстка, #CSS3

Пример. У нас есть три блока:

Фон задан в HEX и установлена прозрачность через свойство opacity.
Фон задан в RGB и установлена прозрачность через свойство opacity.
Фон задан в RGBA, в котором установлена такая же прозрачность.

Код:

.block-1 { background: #000; opacity: 0.7; }
.block-2 { background: rgb(0, 0, 0); opacity: 0.7; }
.block-3 { background: rgba(0, 0, 0, 0.7); }

На деле эти три блока одинаково отображаются только в Firefox (3.6.13). В Chrome (8.0.552.224) и Opera (11.00) одинаково отображаются только первые два блока, последний чуть темнее.

Про IE я как всегда молчу, последняя стабильная версия (8) не поддерживает RGBA.