Как реализовать на CSS

[by_roxe]

Есть сайт http://planeta-kino.com.ua/

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

Спасибо!

На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina {

position:fixed;

z-index:-1;

width:100%;

min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо

[Nagibaka]

bacground-position не?

[by_roxe]

bacground-position не?

Там картинка, а не фон. Если сделать фоном её она растягиваться не будет так как надо..

Получается нам нужно отцентрировать картинку по вертикали, но она заведомо большего размера чем родительский блок. Все статьи по центрированию что я нашел работают только если картинка меньше блока(

[Olekh]

bacground-position не?

Там картинка, а не фон. Если сделать фоном её она растягиваться не будет так как надо..

Получается нам нужно отцентрировать картинку по вертикали, но она заведомо большего размера чем родительский блок. Все статьи по центрированию что я нашел работают только если картинка меньше блока(

По моему там картинка background-image и она и не растягивается, как содержание. При уменьшении до минимума, там всё уменьшается кроме фона. Если бы там была картинка она должна была бы уменьшаться и увеличиваться вместе с содержимым. ИМХО.