我正在为一个 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
最佳答案
你只想显示图片底部?
那么你只需要添加background-position-y: 100%;
#headerimg {
...
background-position-y: 100%;
}
如果你想居中:
#headerimg {
...
background-position-y: 50%;
}
关于html - 标题图像偏好显示底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37528504/