Расположение фона

Тема в разделе "Верстка", создана пользователем UDAV, 30 авг 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    Высота сайта подстраивается под размер браузера. Контент сайта находится в отдельном слое со скролом.

    Задача: расположить на фон фотографию так, что при маленьком размере сайта по высоте, фото начиналось с верха сайта с падингом 80px например, т.е. чтоб было видно лицо (верх фотки). Тут задается расположение фона с верху, но тогда при большом мониторе фотка будет обрываться на середине сайта и как бы "висеть" в воздухе.

    Можно прибить фотку в низу сайта, чтоб на большом мониторе было все ок, но тогда на маленьком мониторе будет виден только низ фотографии.
     
  2. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    background: url( my_image.png ) center 80px no-repeat;
     
  3. Trusteg

    Trusteg Создатель

    Регистр.:
    30 ноя 2012
    Сообщения:
    36
    Симпатии:
    11
    @media screen an (max-height: XXpx) {
    background: url( my_image.png ) center 80px no-repeat;
    }
    где XX высота "маленького" по высоте сайта
     
    Последнее редактирование: 31 авг 2013
    UDAV нравится это.
  4. seraph22

    seraph22 Создатель

    Регистр.:
    23 мар 2012
    Сообщения:
    22
    Симпатии:
    14
    background: url(img.jpg) center 80px no-repeat;
    background-attachment:fixed;