Заголовок изображения Предпочтение внизу экрана

Question

Я работаю над некоторым CSS для темы tumblr, и я не могу заставить его действовать так, как я этого хочу. Сайт www.lifeofmathias.com, и я хочу, чтобы изображение заголовка отображалось снизу вверх. В настоящее время он отсекает нижнюю часть, тогда как я хотел бы, чтобы он отрезал верх изображения. Я не писал эту тему, я нашел ее онлайн и отредактировал. Может кто-нибудь, пожалуйста, помогите мне? Вот изображение заголовка класса ...

#headerimg{margin-top:-10px; 
margin-left:-8px; 
overflow:hidden; 
background-image:url("{image:Header Image}"); 
width:101.3%; 
height:400px; 
{block:ifNotHeaderImageRepeat} 
background-size: 100%; 
background-repeat:no-repeat; 
{/block:ifNotHeaderImageRepeat} 
{block:ifHeaderImageRepeat} 
background-repeat:repeat; 
{/block:ifHeaderImageRepeat} 
} 

Вся тема код размещен здесь: http://pastebin.com/9Qn8Y31H

Answer 1

Вы просто хотите, чтобы отобразить в нижней части изображения?

Тогда вам просто нужно добавить background-position-y: 100%;

#headerimg { 
    ... 
    background-position-y: 100%; 
} 

Если вы хотите центр:

#headerimg { 
    ... 
    background-position-y: 50%; 
}