Как установить изображение полупрозрачным?
На этом уроке мы научимся изменять значение прозрачности изображения.
- Открываем блокнот:
- Стилевое свойство оpacity отвечает за прозрачность элемента на странице. С помощью дробных чисел от 0 до 1 мы можем регулировать прозрачность, где ноль соответствует полной прозрачности, а единица — непрозрачности объекта.Старые версии Internet Explorer не поддерживает opacity, поэтому мы добавим свойство filter со значением alpha(Opacity=X), где под X подразумевается целое число от 0 до 100.Вставляем данные с картинки:
В теге <img src> сначала пишем название папки (images), а после название изображения(природа.jpg)
Для того чтобы наглядно увидеть изменение прозрачности , предлагаю изменять её(75%, 50% и 25%.)
Вот,что у нас получилось:
На этом уроке мы научились изменять значение прозрачности изображения.