Фоновые изображения
Фоновые изображения на сайтах стоит использовать аккуратно. Комбинируя их с цветом текста и другими элементами. Проверяя как они будут выглядеть на маленких экранах мобильных устройств. Изображение может быть представлено один раз или заполнять экран на подобие мозайки. Такие изображения принято называть текстурами. За фоновые изображения отвечает параметр background тэга <body>. Параметр bgproperties со значением fixed позволет зафиксировать фоновое изображение. Тогда текст документа будет прокручиваться относительно фона.
Параметр | Значение | Назначение |
---|---|---|
background | URL-изображения | Фоновое изображение веб-страницы |
bgproperties | fixed | Фоновое изображение не будет прокручиваться |
Примеры:
Код HTML | Пример |
---|---|
<body background="../../images/ autumn-fon.png"> |
Пример 1. Фон в документе. |
<body background="../../images/ autumn-fon2.png"> |
Пример 2. Более удачный фон. |
<body background="../../images/ autumn-fon2.png" bgproperties="fixed"> |
Пример 3. Фон с прокруткой контента. |
<body background="../../images/ fon.png" bgproperties="fixed"> |
Пример 4. Заполнение текстурой. |