我正在使用 backstretch全屏背景。 在我的一个网站上,在开始的 body 标签之后,这段代码可以很好地工作:
<script>
$.backstretch([
"images/1.jpg"
, "images/2.jpg"
, "images/3.jpg"
], {duration: 6000, fade: 750});
</script>
但是在我的新网站(具有多个 div 的一个页面布局)上不起作用。我按照 backstretch 网站上的建议尝试了以下代码 - 我希望每个 DIV 有不同的全屏背景:
<script>
$("#presentation").backstretch("../images/bg-24.jpg");
$("#presentation2").backstretch("../images/bg-25.jpg");
$("#presentation3").backstretch("../images/bg-26.jpg");
</script>
然后
<div id="presentation">
blablabla
</div>
巴拉巴拉
巴拉巴拉
CSS 代码:
#presentation {
height: 1300px;
}
#presentation2 {
height: 1300px;
}
#presentation3 {
height: 1300px;
}
最佳答案
在 jquery.backstretch.min.js 中找到这段代码
返回 a("body").backstretch(c,b).data("backstretch")
并将“body”更改为“.backstretch”
现在,给你的 div 添加 .backstretch
类
完成。
关于jquery - 回溯代码问题(DIV 背景),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17126091/