IE7中的Jquery Superfish问题答案

【问题标题】：Jquery Superfish problem in IE7IE7中的Jquery Superfish问题
【发布时间】：2010-12-25 18:25:36
【问题描述】：

仅在 IE7 中，子菜单出现在我的页面内容下方。我使用 bgframe 插件。

这是我的代码： $("ul.sf-menu").superfish({ 速度：'快'， autoArrows: false // 禁用箭头标记的生成 }).find('ul').bgIframe({opacity:false});

你有什么想法吗？

非常感谢。再见 Z

【问题讨论】：

标签： jquery internet-explorer-7 superfish

【解决方案1】：

您可能会发现这段代码很有帮助，它对 Z-Order 进行了深入的巫术。它不是我创建的，但它为我节省了无数小时。

解决许多问题的方法 IE7是动态反转的默认 z-index 堆叠顺序页面上的元素。这会确保你的元素更高 HTML源代码也会有更高的页面上的 z-index 顺序，解决大多数 IE 堆叠问题。如果你正在使用 jQuery（最好的有 Javascript 库），这里是快速修复...

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

You can find it all here...

【讨论】：

【解决方案2】：

这确实是一个 CSS 问题，而且修复起来非常烦人。

您很可能在某个容器元素上设置了 position:relative 或 position:absolute 规则，或者正在使用与该位置混淆的另一个 JS 插件（例如 jquery.corner）。到处寻找类似的东西。

【讨论】：

【解决方案3】：

上面提到的 z-index 修复使我免于扯下自己的头皮。我把它放在一个 IE7 特定的条件注释中，一切都很好。

【讨论】：

【解决方案4】：

将父容器设置为z-index:1，将.sf-menu设置为z-index:100之类的东西

这将设置图层并在网站内容上弹出菜单。

【讨论】：

【解决方案5】：

这听起来像是一个 css 问题，可能与您的 superfish 实现无关。尝试使用 IE 开发者工具栏检查菜单，看看是什么组合导致它出现在下面。

【讨论】：