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

时间:2014-02-11 04:52:27

标签: css css3 background background-image

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

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

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

1 个答案:

答案 0 :(得分:1)

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