background-position对齐大背景图像从底部到底部较小的容器

Question

我想要在网站横幅中的英雄元素中使用大型背景图片。

这张照片的底部是至关重要的部分，所以我总是希望它显示出来。 background-position会将较小的照片对齐到较大元素的底部，但是当背景照片大于元素时，它会使背景图像的顶部与容器的顶部对齐。我想保持背景图像的底部与容器的底部对齐。

一个例子：here's a background image;我想确保底部（某些山脉）始终显示在this jsfiddle。

Answer 1

从你的英雄职业中删除background-attachment: fixed;。