English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство opacity CSS определяет прозрачность элемента.
Таблица ниже предоставляет инструкции по использованию и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.
| Значение по умолчанию: | 1 (непрозрачный) |
|---|---|
| Применяется к: | Все элементы |
| Инherit: | Нет |
| Анимация: | Да.Пожалуйста, обратитесь к Анимационные свойства. |
| Версия: | Новая функция CSS3 |
| Синтаксис JavaScript: | object.style.opacity=0.5 |
Грамматика этого свойства такая:
opacity: alphavalue | initial | inherit
Ниже приведен пример того, как использовать свойство opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Проверьте, как это выглядит‹/›Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| alphavalue | Числа в диапазоне от 0 (полностью прозрачный) до 1 (абсолютно непрозрачный). Любое значение, меньшее или большее, будет ограничено в этом диапазоне. |
| initial | Установите этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства opacity родительского элемента. |
Совместимость браузеров для свойства opacity, числа в таблице ниже представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Обратите внимание: Internet Explorer 8 и более ранние версии не поддерживают opacity, вместо этого они поддерживают альтернативные методы, только Microsoft filterНравится: filter: Alpha(opacity=50); Узнайте больше оСвойства непрозрачности CSSБольше информации
Пожалуйста, обратитесь к руководствам по следующим темам:Непрозрачность CSS,Цветовые значения CSS.