Непрозрачность стиля Свойство
Пример
Сделайте элемент DIV прозрачным:
document.getElementById("myDIV").style.opacity = "0.5";
Определение и использование
Свойство opacity задает или возвращает уровень непрозрачности элемента.
Уровень непрозрачности элемента описывает уровень прозрачности, где 1 совсем не прозрачен, 0,5 означает прозрачность на 50%, а 0 означает полную прозрачность.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Примечание. IE8 и более ранние версии поддерживают альтернативное свойство filter.
Синтаксис
Вернуть свойство непрозрачности:
object.style.opacity
Установите свойство непрозрачности:
object.style.opacity = "number|initial|inherit"
Значения свойств
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 1 |
---|---|
Возвращаемое значение: | Строка, представляющая уровень непрозрачности элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство непрозрачности
❮ Объект стиля