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

[UDAV]

Высота сайта подстраивается под размер браузера. Контент сайта находится в отдельном слое со скролом.

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

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

 

[BDSG]

background: url( my_image.png ) center 80px no-repeat;

 

[Trusteg]

расположить на фон фотографию так, что при маленьком размере сайта по высоте, фото начиналось с верха сайта с падингом 80px

@media screen an (max-height: XXpx) {
background: url( my_image.png ) center 80px no-repeat;
}
где XX высота "маленького" по высоте сайта

 

[seraph22]

background: url(img.jpg) center 80px no-repeat;
background-attachment:fixed;