我想要在网站横幅中的英雄元素中使用大型背景图片。
这张照片的底部是至关重要的部分,所以我总是希望它显示出来。 background-position
会将较小的照片对齐到较大元素的底部,但是当背景照片大于元素时,它会使背景图像的顶部与容器的顶部对齐。我想保持背景图像的底部与容器的底部对齐。
一个例子:here's a background image;我想确保底部(某些山脉)始终显示在this jsfiddle。
答案 0 :(得分:1)
从你的英雄职业中删除background-attachment: fixed;
。