所以我有一个'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>
可以提供一个测试案例?无论是到页面的链接,还是使用[jsFiddle](http://jsfiddle.net/)/ [JS Bin](http://jsbin.com/)。 – thirtydot
http://jsfiddle.net/tomiswoot/vqJnY/1/ 对不起,请找到修正jsfiddle上面 – Tom