Делаю сайт. По задумке у меня должен быть полупрозрачный фон. Можно добиться этого средствами CSS?
1 отв.
Здравствуйте, Юрий!
Да можно. В CSS есть три инструмента, которые позволяют добиться полупрозрачного фона. Вот они.
- Прозрачная картинка PNG в качестве фона. Используйте Photoshop, чтобы подготовить полупрозрачный рисунок. он должен быть небольшого размера - им мы замостим фон. Сохранить его необходимо в формате PNG-24 - именно в нем реализована поддержка нужный нам свойств. Далее мы используем CSS свойство background, чтобы добавить подготовленный файл в качестве фона.
background: url(images/file.png)
- Клетчатое изображение. Довольно старый метод, но пока еще работает во многих браузерах. Суть довольно проста. Создаем графический файл, и заполняем его таким образом, чтобы чередовались прозрачные и непрозрачные пиксели. Когда мы замостим фон таким файлом, он будет выглядеть прозрачно.
- Свойство Opacity. Его можно назначать для любых блоков. Значение варьируется от 0 до 1. Где 0 соответствует полной прозрачности.