Как сделать слой полупрозрачным?
Сегодня мы сделаем блочный элемент со всем его содержимым полупрозрачным.
Для изменения степени прозрачности элемента применяется стилевое свойство opacity со значением от 0 до 1, где 0 соответствует полной прозрачности, а 1, наоборот, непрозрачности объекта. В браузере Internet Explorer это свойство не работает, поэтому специально для него приходится использовать filter, свойство, не входящее в спецификацию CSS.
- Открыть блокнот
- Ввести данные с картинки
- Сохранить блокнот
Свойство filter добавляет прозрачность только для тех элементов, где установлен хотя бы один из размеров (width или height) или для элемента задано абсолютное позиционирование (position: absolute).
Результат нашей работы: