0

所以，新的Exposure网站非常棒，让我想知道他们是如何实现这样的目标的。基本上，它是一个被拉伸到浏览器窗口的封面图片（即使你调整了大小），可爱的是只有当你滚动你才能看到下面的内容。

我想你可以使用类似backstretch.js的东西来动态调整大小的图像。但是，他们如何实现其余的目标？

我在这里设置了一支笔：http: //codepen.io/realph/pen/luwdJ

这似乎可以完成这项工作，但是当您滚动而不是落在封面图像下方时，内容会被覆盖。

知道我做错了什么，或者有什么技巧可以实现这样的目标吗？

提前致谢！

4

1 回答 1

1

我认为这就是您要寻找的东西，而 css 可以完成所有工作

http://codepen.io/anon/pen/rajDJ

只需将此规则添加到您的图像或图像类

  img {
   width: 100%;
  }

曝光所做的是创建包含图像的 onclick 模态窗口，但您可以使用 js 或 jquery 来做到这一点，或者有许多 jquery 插件可以做到这一点。

此外，为了获得漂亮的网格结构，您可以使用网格模板。这是一个帮助您入门的方法http://960.gs/

于 2013-10-24T17:09:39.097 回答