jquery - Jqueryタブとナビゲーションz-indexが配置されました

Question

！[ここに画像の説明を入力してください] [1] 2つのデモとスクリーンショットで、これまでのところ機能していることがわかりますが、もう少し助けが必要です。タブ3はz-indexにある必要があり、タブ2はコンテンツ番号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>

ここからfigures、好きな場所に配置し（追加z-index:1して、上にスタックさせることもできます<articles>）、<li>タブの場合と同じように'を操作します。