2011-12-07 63 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