修复了标题，相对内容问题

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;并使你的顶部：0px;