Jquery Tabs und Navigation Z-Index positioniert

Question

! [Bildbeschreibung hier eingeben] [1] Auf meinen beiden Demo und Screenshot kann man verstehen, dass ich es bisher funktionierte, aber ich brauche ein bisschen mehr Hilfe. Die Registerkarte muss in Z-Index sein, und die Registerkarte sollte nur auf der Inhalt Nummer 2 sein. Ich hoffe, es ist einfach zu verstehen.

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

oder besseres Beispiel die nav in Position absolut:

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

Answer 1

Ich fürchte z-index nur konsequent zwischen Geschwistern arbeiten, nicht Cousins. Die Registerkarten sollten Geschwister der Seiten sein, um das zu erreichen. Sie können die Seiten selbst zu einem Teil der <li> machen, was bei der Lösung des Problems auch die Semantik verbessern würde. Dann sollten Sie nur <li> 's z-index behandeln und profitieren!

EDIT:

<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> 

Von hier nur die figures positionieren, wo Sie (Sie auch z-index:1 hinzufügen können, um sie über den <articles>-Stack) und arbeiten mit den <li> ‚s, wie Sie mit den Registerkarten haben .