css位置問題：z-index圖層？

Question

嘿傢伙， 我有一個大概，而simpel問題：

我的網站有兩層：

1）在頂部的阻力&下降導航應定位絕對的，所以滾動不影響酒吧。

2）應該可滾動的導航後面的內容區域。

你可以明白我的意思就在這裏：http://jsfiddle.net/Pghqv/

但是現在，我無法點擊在後面我的內容區域鏈接。任何想法或解決方案如何我仍然可以擁有相同的位置結果和後面的鏈接正在工作？

非常感謝。

Answer 1

在你的演示中，你不能點擊標題的後面內容的唯一原因是因爲它是頭#navigation格後面。如果將其從標頭#navigation div後面移動，例如margin-top: 200px;，那麼它的工作原理如下：JS fiddle demo。

---

編輯對於需要解決是動態的，並且對jQuery標籤：

如果#navigation div的高度事先不知道，那麼下面的jQuery能用來代替混凝土css聲明在樣式表中：

$('#page-wrap').css('margin-top',$('#navigation').outerHeight()); 

JS Fiddle demo。