Справочник по 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