z-index問題2

我有一個下拉導航面板，下面有一個帶上下文的div。之前我有一個問題，即下降的鏈接是在背景div的後面。我找到了使用z-index的解決方案。製作面板z-index 99和contex div z-index -1。z-index問題2

現在的問題是，contex div內的所有鏈接都處於非活動狀態，懸停屬性不起作用。即使是那些應該在那裏的JS函數也是不活動的。我該如何解決這個問題？最好的解決方案，我認爲，將使下拉麪板出現在上下文div上，而不使用z-index，但是怎麼做？

的html代碼：

<body> 
<?php include ("login_bar.php");?> 
    <div id="header"> 
     <div id="navbar" > 
      <nav class="dropdown"> 
       <?php include ("navbar.php");?> 
      </nav> 
     </div> 
     <div id="logo"> 

     </div> 
    </div> 
    <div id="wrapper1"> 
     <div id="wrapper3"> 
      <div id="picture">   
      </div> 
      <div id="selected_publications"> 

      </div> 
     </div> 
     <div id="wrapper2"> 
      dfgdg 

     </div> 
     <div id="wrapper4"> 
      <div id="welcome"> 
       <h3>welcome statement</h3> 
       Welcome to the NIBS. </br> some text here 

      </div> 
      <div id="tabs"> 
       <ul id="tabmenu" > 
        <li><a href="https://www.facebook.com/" >First Page</a></li> 
        <li><a href="#" >Second Page</a></li> 

        <li><a href="#" >Third Page</a></li> 
       </ul> 

       <div id="content"> dfdsgdfg</div> 
      </div> 
     </div> 

    </div>

相關的CSS代碼：

.dropdown ul li:hover ul li a:hover 
    { 
    background:#666666; 
    color:#ffffff; 
    position:relative; 
    z-index:99; 
    } 

#wrapper1 
{ 
    border-left:2px solid black; 
    border-right:2px solid black; 
    margin-left:50px; 
    margin-right:50px; 
    min-width:80%; 
    min-height:500px; 
    background:white; 
    height:100% ; 
    z-index:-1; 
    position:relative; 
    height:100%;  
}

來源

2012-03-31 arthur

發佈一些代碼，以便我們可以看一看。 – 2012-03-31 14:14:43

嘗試添加此：

#wrapper1 { 
    position:relative; 
    z-index:1; 
} 

#header { 
    position:relative; 
    z-index:2; 
}

這應該保證的z-index堆棧開始在更高的水平頭部比內容，頭部元素保留在頂部

來源

2012-03-31 14:33:57 lnrbob

回答

相關問題