z-index de fond avec des ancres qui fonctionnent

Question

J'ai ce code:

<div style="position:fixed;left:0;top:65px;border:1px solid blue;background-color:#D5BF9D;width:190px;z-index:-1"> 
     <h1>title</h1> 
     <nav><ul> 
      <li><a href="#apples">Apple</a></li> 
      <li><a href="#s">s</a></li> 
     </ul></nav> 
    </div> 
    <div class="italic" style="border:1px solid red;z-index:99;background-color:white">Pack my box with five dozen liquor jugs.</div> 

Il fonctionne à l'exception des liens ne fonctionnent plus depuis le z-index est -1. Y at-il un moyen de maintenir le look mais donner une fonctionnalité aux liens? J'ai essayé de rendre le lien courant div transparent avec un z-index de 0 et de mettre un autre div derrière avec la couleur désirée, mais pas aller. Des idées. Merci d'avance.

Answer 1

<div style="position:fixed;left:0;top:65px;border:1px solid blue;background-color:#D5BF9D;width:190px;z-index:-1"></div> 
     <h1>title</h1> 
     <div style="background-color:transparent"><nav><ul> 
      <li><a href="#apples">Apple</a></li> 
      <li><a href="#s">s</a></li> 
     </div></ul></nav> 
    <div class="italic" style="border:1px solid red;background-color:white">Pack my box with five dozen liquor jugs.</div> 

J'ai fini par faire ce qui précède. créer une div vide avec z-index: -1 en dehors de la section principale avec l'arrière-plan désiré. Puis en faisant la section principale background-color: transparent.