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

Question

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

（当然bg图像只能在div界限中显示）

这是我到目前为止所做的，但不知道如何将图像从底部向上凸起100px。

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