CSS свойство opacity
- Предыдущая страница offset-rotate
- Следующая страница order
Определение и использование
Атрибут opacity устанавливает уровень непрозрачности элементов.
См. также:
Учебник CSS:Прозрачность изображений CSS
Учебник CSS:Цвет CSS
Руководство по HTML DOM:Атрибут opacity
Пример
Устанавливает уровень непрозрачности элемента div:
div
{
opacity:0.5;
}
Более примеров можно найти в нижней части этой страницы.
CSS синтаксис
opacity: value|inherit;
Значение атрибута
| Значение | Описание | Тест |
|---|---|---|
| value | Устанавливает непрозрачность. От 0.0 (полностью прозрачный) до 1.0 (абсолютно непрозрачный). | Тест |
| inherit | Следует наследовать значение атрибута opacity от родительского элемента. |
Технические детали
| Значение по умолчанию: | 1 |
|---|---|
| Инерция: | нет |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.opacity=0.5 |
Более примеров
- Изменение прозрачности элементов
- Этот пример демонстрирует, как использовать JavaScript для изменения прозрачности элементов.
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Комментарии:IE8 и более ранние версии поддерживают альтернативный атрибут filter. Например: filter:Alpha(opacity=50);
- Предыдущая страница offset-rotate
- Следующая страница order
