2

我已经阅读了几篇关于这个问题的帖子，但还没有找到解决方案。我的网站使用视差滚动效果，我需要使用带背景的 div 而不是图像。有没有办法让背景全屏显示？

4

2 回答 2

2

我自己也遇到了同样的问题，我的解决方案是像这样设置你的 div：

<div id="blah"> <div class="content"> Blah content </div> </div>

然后给每个 div 你想要的背景，给它一个width: 100%;并制作它display: inline-block;因为 div 是内联块，如果用户的浏览器窗口非常小并且你的页面需要一个 x 滚动条，那么背景将拉伸整个宽度这页纸。相反，如果您将其保留为display: block;用户 x 滚动时，则对于最初不在视图中的任何内容，背景颜色都会消失。

至于您的内容类，您可以在其中为您的内容设置网格，使用 960gs 或您喜欢的任何内容，作为一个类，您可以将其应用于每个部分/div。

工作（进行中）示例：http ://residencyradio.com

于 2012-04-18T00:26:29.980 回答
0

我尝试添加

-webkit-backface-visibility: hidden;

看起来，滞后已经消失了。

于 2014-06-12T09:40:19.683 回答