Unlimited HostingFree Drupal ThemesFree Drupal Themes

PostHeaderIcon Как сделать фон по центру экрана

Иногда делаются такие сайты, в которых есть определенный бэкграунд, который должен быть всегда по центру экрана. Примером такого сайта может служить kinopoisk.ru. На этом сайте всегда представлен какой-либо фильм в качестве фона. И при изменении размеров браузера фон просто немного сжимается, но в целом фон остается все тот же, на том же месте и без полосы прокрутки.

Делается это очено просто. Всего лишь нужно прописать background-position: top; в css.

Можете взглянуть на мой демо-пример.

Как видно, фон располагается прямо по центру экрана. Если увеличивать или уменьшать размеры браузера, то как видно из примера Конан всегда будет по середине экрана.

Если вы скачаете мой пример, то обратите внимание, что background-position: top; там нет, т.к. я использовал сокращенную форму записи.

Прикрепленный файлРазмер
Скачать пример фона по центру экрана297.82 кб
Поиск
Rambler's Top100 Яндекс.Метрика