opacity
Оновлено: 30.12.2022
opacity
Визначає рівень прозорості елемента веб-сторінки. За часткової або повної прозорості через елемент проступає фоновий малюнок або інші елементи, розташовані нижче напівпрозорого об'єкта.
Коротка інформація
| Значення за замовчуванням | 1 |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
opacity: <число>Значення
Як значення виступає число з діапазону [0.0; 1.0]. Значення 0 відповідає повній прозорості елемента, 1, навпаки - його непрозорості. Дробові числа виду 0.6 встановлюють напівпрозорість. Допускається писати числа без нуля попереду, виду opacity: .6.
Приклад
Результат цього прикладу показано на рис. 1.
Об'єктна модель
Об'єкт.style.opacity
Примітка
Firefox до версії 3.5 підтримує властивість -moz-opacity.
Internet Explorer до версії 9.0 для зміни прозорості використовує фільтри, для цього браузера слід записати filter: alpha(opacity=50), де параметр opacity може набувати значення від 0 до 100.