Приветствую Вас Гость | Регистрация | Вход

Как сделать фиксированный (неподвижный) фон в CSS

В этом видео рассказывается о том, как на HTHL странице сайта при помощи CSS сделать неподвижный (фиксированный) фон. Т.е. при прокрутке страницы сайта фоновая картинка будет всегда отображаться на одном и том же месте. Этот способ фиксации изображения обычно используют для отображения на сайте контактных данных организации, номера телефонов и т.д. Итак, чтобы зафиксировать фоновую картинку, необходимо воспользоваться специальным CSS свойством background-attachment и присвоить ему значение fixed. Такая запись в CSS файле сообщит браузеру, что данное изображение фона необходимо закрепить на одном месте и не прокручивать вместе с остальным контентом страницы сайта. Здесь стоит отметить то, что координаты положения картинки, при установке свойства background-attachment в значение fixed, необходимо задавать от окна браузера, а не от блока в котором она установлена на фон Видео урок «Как сделать фиксированный (неподвижный) фон в CSS» вы можете смотреть онлайн абсолютно бесплатно в любое удобное время. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.