将背景图像定位在距底部有偏移的元素中

Question

有没有办法将背景设置为固定在中心和底部，但不与元素底部齐平，而是从元素底部向上 100 像素？

（当然背景图片只能在 div 范围内可见）

这是我目前所拥有的，但不知道如何将图像从底部向上提升 100 像素。

background: url("/path/to/bg.jpg") no-repeat fixed center bottom #FFF;

（没有 javascript 请回答）

Answer 1

很简单：

background-color: #fff;
background-image: url("/path/to/bg.jpg");
background-repeat: no-repeat;
background-position: center bottom 100px; /* answer */

参考： http://www.w3.org/TR/css3-background/#the-background-position

更多阅读： https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

将背景图像定位在距底部有偏移的元素中

Positioning a background image in an element with an offset from the bottom

html

css

background-image