如何使背景图像覆盖div而不是身体？

Question

我正在尝试将背景图像定位到div的左下角并覆盖整个div，而不会扭曲它的比例。

每当我使用

background:url("img.jpg") no-repeat left bottom fixed;

它到达身体的左侧和身体的底部，而不是div。我如何让它使用div作为参考框架而不是身体？

下面的小提琴

http://jsfiddle.net/UFpYd/3/

Answer 1

这个怎么样：

background: url('img.jpg') no-repeat scroll center top/cover transparent;

编辑： -

看完你的JSFiddle之后你可以试试这个：

background: url('img.jpg') no-repeat left bottom;

JSFIDDLE

Answer 2

不确定您是否在寻找this：

background: url('img.jpg') no-repeat left bottom;

或this：

background: url('img.jpg') no-repeat left bottom fixed;

澄清：Your fiddle you posted使用center top进行背景图片定位。如果您使用left bottom，它应该可以正常工作（fixed是否取决于您希望图像的位置）。