Question

所以我的网站中有一个'meganav'，它本质上是一个区域中的侧面导航，左侧浮动并占据网站的第3个，然后一旦点击父锚点，它就打开了它的子div有一个'meganav-div'，它向右打开，占据了该区域上方出现的其他2/3的包装区域。

目前我已经在所有浏览器中工作，除了ie6和ie7，你可以打开第一项（div＃one）并点击一切就好了，但是，这下面的任何东西（div＃two，div＃三个等）不起作用，这些div中的任何链接都不可点击。我在每个div中都有一个关闭按钮，适用于所有浏览器，但不适用于ie6和7.光标甚至更改为所有锚点上的指针，但不会单击。我认为这与z-index有关，因为第一个工作，然后不是导航列表中的那个，但我为所有.meganav-div添加了相同的z-index，但仍然没有喜悦。 / p>

请找到以下代码。任何帮助将非常感激。谢谢。请找到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>

Answer 1

这是因为你有多个具有相同id = close1的关闭按钮 - 这使你的html无效。我将它更改为class = close1，现在它似乎正在工作（我也改变了定位，以便更容易测试）

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

嵌套div内容在ie中无法单击

1 个答案: