2013-04-03 97 views
0

我有一个标题,设置为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

+0

看不到你的jsbin任何图片... – brbcoding 2013-04-03 18:23:34

+0

@brbcoding我已经添加图片到我jsbin – 2013-04-03 18:33:39

+0

头看起来是在滚动的图片给我...?见http://i.imgur.com/HS0Aohr.png – brbcoding 2013-04-03 18:35:27

回答

0

尝试增加的z-index到你的头,并把它放在网页的顶部。查看此页面以帮助您了解如何使用z-index。 http://en.wikipedia.org/wiki/Z-index

ADDED REVISION 将您的css改为position:absolute;并让你的顶部:0px;

+0

谢谢,但我已经试过玩Z指数。我把我的头文件设置为'z-index:1000',但它似乎仍然不在顶层。 – 2013-04-03 19:28:43

+0

雅我在检查你的例子之前发布了这个。我现在正在看。 – Cam 2013-04-03 19:37:06

+0

当我滚动您的示例时,您的图片将出现在标题下方,您使用的浏览器以及版本。您可能正在使用旧的过时文档版本。 – Cam 2013-04-03 19:42:03