Свойство opacity в CSS

непрозрачность элемента

Устанавливает непрозрачность элемента. Уровень непрозрачности описывает уровень прозрачности, где 1 совсем не прозрачен, 0,5 – это 50% прозрачности, а 0 – полностью прозрачно. Свойство работает для всего элемента, включая его содержимое, даже если значение не наследуется дочерними элементами. В этоге элемент и его потомки имеют одинаковую непрозрачность относительно фона элемента, даже если они имеют различную непрозрачность относительно друг друга.

Примеры

opacity: 0;
opacity: .5;
opacity: 1;

Значения

Значение Описание
число По умолчанию: 1. Определяет значение непрозрачности от 0.0 (полностью прозрачная) до 1.0 (полностью непрозрачная).
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
opacity
1
12
1
1-3.5 -moz-
9
9
2
1.1-2 -khtml-
18
4
10.1
1
1.0
1
Support for percentage opacity values
78
79
70
нет
нет
нет
78
нет
нет
нет
12.0
78
Поддерживается: Да Нет
Получай полезные материалы удобным способом!
Добавить комментарий