如何将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>
如何将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>
就目前而言,你不能。
backstretch 插件不接受选择器。
您可以在 github 上对该项目进行分支并添加此支持。我认为这不会太难。
更新
查看源代码,我可以看到另一种方法来做到这一点。
该插件会查找 ID 为“backstretch”的元素,并将其指定为您的 div 的 Id,使插件填充 div 而不是主体。
我的第一个猜测是在https://github.com/srobbin/jquery-backstretch/blob/master/jquery.backstretch.js第 138 行更改$("body").append($container);
为$("#content").append($container);
请注意我从来没有使用过这个插件,它可能不起作用或者更简单。
您不必使用插件进行背景图像拉伸。您可以使用 CSS3 background-size:cover 属性使用 CSS 来实现,对于 IE,您可以使用此解决方案