如何将backstretch插件应用于div，而不是body标签？

Question

如何将backstrech plugin应用于div，而不是身体的整个高度？我已经搜索过，看看是否有人已经做过类似的事，但还没找到。

HTML：

<div id="header"></div>
<div id="content"><!-- div is 100% width - here is where I want to apply the backstrech --></div>
<div id="footer"></div>

Answer 1

目前你不能。

backstretch插件不接受选择器。

您可以在github上获取项目的分支并添加此支持。我不认为这太难了。

<强>更新

查看源代码，我可以看到另外一种方法。

该插件会查找ID为“backstretch”的元素，并将其指定为div的Id，使插件填充div而不是正文。

Example

Answer 2

我的第一个猜测是在https://github.com/srobbin/jquery-backstretch/blob/master/jquery.backstretch.js第138行将$("body").append($container);更改为$("#content").append($container);

请注意我从未使用过这个插件，它可能无法使用或更容易。

Answer 3

您不必使用插件进行背景图像拉伸。您可以使用CSS3 background-size: cover property使用CSS，而使用IE this solution

CSS3 background size