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

UDAV

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

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

Можно прибить фотку в низу сайта, чтоб на большом мониторе было все ок, но тогда на маленьком мониторе будет виден только низ фотографии.
 
background: url( my_image.png ) center 80px no-repeat;
 
расположить на фон фотографию так, что при маленьком размере сайта по высоте, фото начиналось с верха сайта с падингом 80px
@media screen an (max-height: XXpx) {
background: url( my_image.png ) center 80px no-repeat;
}
где XX высота "маленького" по высоте сайта
 
Последнее редактирование:
  • Нравится
Реакции: UDAV
background: url(img.jpg) center 80px no-repeat;
background-attachment:fixed;
 
Назад
Сверху