2013-04-03 105 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