2.5 KiB
title | localeTitle |
---|---|
Background Opacity | Непрозрачность фона |
Непрозрачность фона
Свойство opacity указывает непрозрачность / прозрачность элемента, то есть степень видимости содержимого за элементом.
Свойство opacity может принимать значение от 0.0 до 1.0. Чем ниже значение, тем прозрачнее:
Подробнее здесь
Вы можете выбрать, насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.
Полностью непрозрачный
.class-name {
opacity:1;
}
OR
.class-name {
opacity:1.0;
}
полупрозрачный
.class-name {
opacity:0.5;
}
Opacity value can be anything between 0 and 1;
прозрачный
.class-name {
opacity:0;
}
OR
.class-name {
opacity:0.0;
}
В качестве альтернативы вы можете использовать прозрачное значение rgba следующим образом: `` `CSS
.class имя { background-color: rgba (0,0,0, .5); } `` ` Приведенный выше пример устанавливает, что фон имеет черный цвет с непрозрачностью 50%. Последним значением значения rgba является альфа-значение. Значение альфа 1 равно 100%, а 0,5 (0,5 для коротких) - 50%. Мы используем этот метод для добавления прозрачности к элементу, не затрагивая содержимое внутри.
Пример кода для отображения диапазонов непрозрачности фона
Дополнительная информация:
Для получения дополнительной информации посетите MDN Свойство CSS прозрачности в CSS-трюках
Поддержка браузера: caniuse