Jquery製表符和導航z-index定位

Question

！在我的兩個演示和截圖，你可以理解，到目前爲止我得到它的工作，但我需要一些更多的幫助。選項卡需要在z-index中，並且選項卡應該位於內容編號2之上。 我希望這很容易理解。

http://jsfiddle.net/QxgDr/2/

或更好的例子了導航位置絕對：

http://jsfiddle.net/QxgDr/12/

Answer 1

恐怕z-index只會兄弟姐妹，表兄弟不間工作始終。選項卡應該是頁面的兄弟才能實現的。您也可以將頁面本身作爲<li>的一部分，同時解決該問題也可以改善語義。那麼你應該只處理<li>的z-index和利潤！

編輯：

<ul id="tabs"> 
    <li id="tab_1"> 
     <figure><img alt="..."></figure> 
     <article>...</article> 
    </li>  
    <li id="tab_2"> 
     <figure><img alt="..."></figure> 
     <article>...</article> 
    </li> 
    <li id="tab_3"> 
     <figure><img alt="..."></figure> 
     <article>...</article> 
    </li> 
</ul> 

從這裏只是定位你喜歡的地方（你甚至可以添加z-index:1有他們堆在<articles>），以及工作與<li>的爲你的標籤做了figures 。