2011-12-07 67 views
0

所以我有一個'meganav'在我的網站,基本上是一個地區的側面導航,這是左浮動,佔用了網站的第三,然後一旦父錨是點擊後,它會打開它的子​​div,帶有一個'meganav-div'類,該類向右打開並佔用其上的任何區域上方的2/3包裝區域。嵌套的div內容是不可點擊在ie

目前,我已經在所有瀏覽器中工作,除了ie6和ie7,你可以打開第一個項目(div#one),然後點擊一切就好了,但是,下面的任何東西(div#two,div #三等)不工作,這些div內的任何鏈接都不可點擊。我在每個div中都有一個關閉按鈕,可以在所有瀏覽器上使用,但不能在ie6和7上使用。遊標甚至會更改爲所有錨點上的指針,但不會單擊。我認爲這與z-index有關,因爲第一個工作正常,然後不是進一步下載到nav列表中,但是我爲所有.meganav-div添加了相同的z-index,並且仍然沒有任何快樂。

請找到下面的代碼。任何幫助將非常感激。謝謝。請找一個鏈接的jsfiddle:http://jsfiddle.net/tomiswoot/vqJnY/1/

 <section id="herocontainer"> 
      <div class="hero-white"> 

       <aside> 
        <ul id="mainnav"> 
          <a href="#">Nav item 1</a> 
          <!--===MEGANAV one====-----> 
           <div id="one" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 2</a> 
          <!--===MEGANAV two====-----> 
           <div id="two" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 3</a> 
          <!--===MEGANAV three====-----> 
           <div id="three" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 4</a> 
          <!--===MEGANAV four====-----> 
           <div id="four" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
         <li> 
          <a href="#">Nav item 5</a> 
          <!--===MEGANAV five====-----> 
           <div id="five" class="meganav-div"> 
            MEGANAV DIV CONTENT HERE 
           </div> 
         </li> 
        </ul> 
       </aside> 

      </div> 
     </section> 
+1

可以提供一個測試案例?無論是到頁面的鏈接,還是使用[jsFiddle](http://jsfiddle.net/)/ [JS Bin](http://jsbin.com/)。 – thirtydot

+0

http://jsfiddle.net/tomiswoot/vqJnY/1/ 對不起,請找到修正jsfiddle上面 – Tom

回答

1

它的事實,你有相同的id = close1多個關閉按鈕造成的 - 這使得你的HTML無效。我把它改成類= close1,現在它似乎是工作(我也改變定位位爲更簡單的測試)

http://jsfiddle.net/vqJnY/7/

+0

是的,這工作得很好。非常感謝ptriek! – Tom