jquery - 固定标题，相关内容问题

Question

我有一个页眉，设置了 position: fixed; - 这样当我滚动时，页眉会随着页面滚动。 (类似于 Facebook 和 Twitter)。

我已将以下 CSS3 效果应用于我的内容/图像:-

http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

但是，因为此效果使用 position: relative;，所以我的固定标题在我的内容/图像下方滚动 - 当我显然需要它滚动到顶部时。

知道如何解决这个问题吗？

我已经为我的代码设置了一个 JSBin:http://jsbin.com/eyoric/2/edit

Answer 1

尝试将 z-index 添加到页眉并将其放在页面顶部。查看此页面可帮助您了解如何使用 z-index。 http://en.wikipedia.org/wiki/Z-index

添加修订将您的 css 更改为 position: absolute;并让你的 top:0px;