html - 标题图像偏好显示底部

Question

我正在为一个 tumblr 主题编写一些 CSS，但我无法让它完全按照我想要的方式运行。该站点是 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%;
}