Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Пользовательский интерфейс : opacity

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

opacity

Задает прозрачность элемента.

Синтаксис

opacity: <number> | inherit

Используемые значения

0
Элемент полностью прозрачен (невидим).
number
Числовое значение. Прозрачность элемента зависит от значения number от 0.0 (полностью прозрачный) до 1.0 (непрозрачный).
1
Элемент непрозрачен (полностью видимый).

Значением по умолчанию является 1. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Браузеры Gecko 1.9.1/ Firefox 3.5 и далее не поддерживают -moz-opacity. Теперь вы должны использовать просто opacity.

Для браузера Internet Explorer прорачность задается с помощью выражений filter: alpha(opacity=xx) (для версий 4.0+) и filter: "alpha(opacity=xx)" или -ms-filter: "alpha(opacity=xx)" (для версии 8.0).

Примеры

В примере показано как с помощью свойства opacity задать прозрачность объекта равной 80% в разных браузерах.

pre {                               /* задать полупрозрачность объекта 80% */
   border: solid red;
   opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
   -ms-filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);       /* IE 4-7 */
   zoom: 1;       /* установите "zoom", "width" и "height" для триггера "hasLayout" в IE 7 и ниже */ 
}

Стандарты

Это свойство описано в CSS3 Color #opacity

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.7, 2.0, 3.0, 3.5

Ссылки на источники

Файл:Icon firefox.gifhttps://developer.mozilla.org/en/CSS/opacity

другие проекты