Видео урок изменение фона сайта при помощи графики в этом видео уроке я показываю другой более выгодный и рабочий вариант замены фона сайта, при прокрутке страницы страница не тормозит, что указывает на то что не грузит страницу сайта сам фон.
Картинка при прокручивание страницы остается на месте, и создает свои необычный эффект в дополнение к дизайну страницы вашего сайта.
В архив входит:
1 Видео файл размером 21 Мб
2 txt файл с кодом стиля из видео урока.
3 Картинка заставки видео урока
background-position Применяется К блочным элементам Задает начальное положение фонового изображения, установленного с помощью свойства background-image.
У свойства background-position два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при % записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее.
top left = left top = 0% 0% (в левом верхнем углу)
top = top center = center top = 50% 0% (по центру вверху)
right top = top right = 100% 0% (в правом верхнем углу)
left = left center = center left = 0% 50% (по левому краю и по центру)
center = center center = 50% 50% (по центру)
right = right center = center right = 100% 50% (по правому краю и по центру)
bottom left = left bottom = 0% 100% (в левом нижнем углу)
bottom = bottom center = center bottom = 50% 100% (по центру внизу)
bottom right = right bottom = 100% 100% (в правом нижнем углу)
В скобках указано, где располагается фоновый рисунок относительно контейнера.
background-attachment Применяется Ко всем элементам
Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
Синтаксис background-attachment: fixed | scroll | inherit Значения fixed -Делает фоновое изображение элемента неподвижным.
scroll -Позволяет перемещаться фону вместе с содержимым.
inherit -Наследует значение родителя.