CSS:


.test {
background-color: #008B00;
color: #ffffff;
width: 100%;
}

.opaque {
opacity: .5;
filter: alpha(opacity=50);
}

Safari, Mozilla, Opera 9

Эти браузеры поддерживают opacity. Для указания прозрачности (opacity) используются числа от 0.0 (не прозрачный) до 1.0 (прозрачный), нельзя указывать единицы в процентах.

Explorer Windows

Для Explorer Windows нужно:


filter: alpha(opacity=50);

Замечание: чтобы filter работал, его нужно применять к элементам разметки (block level).

Вы должны определить ширину (width) или высоту (height) для любого элемента, которому надо установить прозрачность, (за исключением полей формы, потому что у них по умолчанию установлена ширина).

Описанное выше не будет работать в Explorer 5.0 Windows, Explorer Mac, и iCab.

Еще замечание: так как opacity будет определено в CSS3, таблица стилей этой страницы в настоящее время не проходит валидацию.