javascript - Superfish 菜单在 IE9 中显示损坏的结构，在 Chrome 中运行良好

Question

我的超级鱼菜单在 Chrome、Firefox 和 Safari 中运行良好，但在 IE9 下结构被破坏了。我试图应用 z-index 值并寻找其他可能的问题几个小时，但我仍然无法让它在 IE9 下工作。

有人可以帮助我解决问题或指出正确的方向。非常感谢！

这是演示站点：http: //goo.gl/zwNFO

Answer 1

有很多缺失的结束标签。

<div class="site-container full-width" id="section-sub-footer">
<span class="copyright">

也许这个：

<div class="site-container full-width" id="section-thirds">

Answer 2

对于您拥有的所有浮动元素，您可能会遇到 z-index 排序问题。你可以试试我为 IE7 反向渲染创建的这个小脚本；你的旅费可能会改变。

        var zIndexNumber = 10000;
        $('div, span, ul').each(function () {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 1;
        });