0

如何将backstrech 插件应用于 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>
4

3 回答 3

2

就目前而言,你不能。

backstretch 插件不接受选择器。

您可以在 github 上对该项目进行分支并添加此支持。我认为这不会太难。

更新

查看源代码,我可以看到另一种方法来做到这一点。

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

例子

于 2012-07-26T12:47:41.093 回答
1

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

请注意我从来没有使用过这个插件,它可能不起作用或者更简单。

于 2012-07-26T12:47:24.827 回答
1

您不必使用插件进行背景图像拉伸。您可以使用 CSS3 background-size:cover 属性使用 CSS 来实现,对于 IE,您可以使用此解决方案

CSS3背景大小

于 2012-07-26T12:48:40.737 回答