100%
95%
90%
80%
70%
60%
55%
50%
45%
40%
30%
20%
15%
10%
5%
0%
Как задать прозрачность
Прозрачность можно задать любому элементу страницы: изображениям, тексту, ссылкам, дивам, абзацам, заголовкам - то есть всему, что только можно придти в голову. Чтобы задать прозрачность достаточно прописать в свойства соответствующего элемента opacity со значением прозрачности. Например, использовав следующий ниже код, зададим всем картинкам дива с именем content прозрачность 50%:div.content img {
opacity: 0.5;
}
Все браузеры
В настоящий момент времени для задания прозрачности различных элементов страницы можно использовать лишь свойство opacity. Оно имеет следующий синтаксис:opacity: x;На месте параметра х может стоять любое число, входящее в диапазон от 0.0 до 1.0, где 0.0 задает абсолютную прозрачность элемента. Можно использовать дробные значения, например, 0.05. Допустимо написание без первого нуля, например, .05.
Firefox
Cвойство opacity понимает большинство нынешних браузеров. Firefox до версии 3.5 поддерживает нестандартное свойство -moz-opacity, где на месте х аналогично opacity может стоять любое число, входящее в диапазон от 0.0 до 1.0, допускаются дробные значения.-moz-opacity: x;
Internet Explorer
В Internet Explorer для изменения прозрачности использует фильтры, где параметр y может принимать значение от 0 до 100:filter: alpha(opacity=y);Также в Internet Explorer используется следующий фильтр, который является предпочтительным, параметр y может принимать значение от 0 до 100:
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=y)";
Safari
Используется для задания прозрачности следующее свойство, где на месте х аналогично opacity может стоять любое число, входящее в диапазон от 0.0 до 1.0, допускаются дробные значения:-khtml-opacity: x;
Все вместе
Таким образом для задания кроссбраузерной прозрачности элементов можно использовать следующий набор свойств:-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=y)";
filter: alpha(opacity=y);
-moz-opacity: x;
-khtml-opacity: x;
opacity: x;