Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство непрозрачности задает уровень непрозрачности для элемента.
Непрозрачность уровня описывает прозрачность уровня, где 1 не является прозрачным на всех, 0,5% составляет 50 см сквозной, и 0 является полностью прозрачным.
| Значение по умолчанию: | 1 |
|---|---|
| Наследование: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.opacity="0.5" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | 9.0 | 2,0 | 3.1 | 9.0 |
Примечание: IE8 и более ранних версий поддерживает альтернативный, свойство фильтра. Как: filter:Alpha(opacity=50) .
CSS Синтаксис
opacity:number|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| number | Определяет непрозрачность. От 0,0 (fully transparent) до 1,0 (fully opaque) | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
чтобы изменить непрозрачность для элемента Как использовать JavaScript:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} Попробуй сам " Похожие страницы
Учебник CSS: CSS Image Непрозрачность / Прозрачность
HTML DOM ссылка: opacity property