IE7 中的 Jquery Superfish 问题

发布于 2024-08-14 21:20:26 字数 210 浏览 12 评论 0原文

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

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

你有什么想法吗?

非常感谢。 再见 Z

only in IE7 the submenu appear under my page's content.
I use bgframe plugin.

Here my code:
$("ul.sf-menu").superfish({
speed: 'fast',
autoArrows: false // disable generation of arrow mark-up
}).find('ul').bgIframe({opacity:false});

Do you have any ideas?

Thank you very much.
Bye
Z

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

尘曦 2024-08-21 21:20:26

您可能会发现这一小块代码很有用,它对 Z 顺序进行了深入的巫术。我没有创建它,但它节省了我无数的时间。

解决许多问题的一种方法
IE7是动态反转的
默认 z 索引堆叠顺序
页面上的元素。这将
确保您的元素含量较高
HTML源码也会有更高的
页面上的 z-index 顺序,解决
大多数IE堆叠问题。如果
你正在使用 jQuery(最好的
Javascript 库有),这里是
快速修复...

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

您可以在这里找到所有内容...

You may find this little chunk of code helpful, it does deep voodoo with the Z-Order. I did not create it, but it has saved me countless hours.

One way to fix many of the issues with
IE7 is to dynamically reverse the
default z-index stacking order of the
elements on your page. This will
ensure the elements higher in your
HTML source will also have a higher
z-index order on your page, solving
most of the IE stacking issues. If
you’re using jQuery (the best
Javascript library there is), here’s
the quick fix...

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

You can find it all here...

遮云壑 2024-08-21 21:20:26

这确实是一个 CSS 问题,而且是一个非常令人恼火的问题。

最有可能的是,您的某个容器元素上有一个position:relative 或position:absolute 规则,或者正在使用另一个与位置相关的JS 插件(例如jquery.corner)。环顾四周寻找类似的东西。

It is indeed a CSS problem, and a very irritating one to fix.

Most likely you've got a position:relative or position:absolute rule on one of your container elements, or are using another JS plugin that messes with the position (such as a jquery.corner). Look around for something like that.

为你鎻心 2024-08-21 21:20:26

上面提到的 z-index 修复让我免于撕扯自己的头皮。我把它放在 IE7 特定的条件注释中,一切又恢复正常了。

The z-index fix mentioned above saved me from ripping off my own scalp. I put it in an IE7-specific conditional comment, and all is well again.

以为你会在 2024-08-21 21:20:26

将父容器设置为 z-index:1 并将 .sf-menu 设置为类似 z-index:100

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

Set the parent container to z-index:1 and the .sf-menu to something like z-index:100

This will set the layers and make the menu popup over the website content.

最冷一天 2024-08-21 21:20:26

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

This sounds like a css problem, probably not anything to do with your implementation of superfish. Try using the IE Developer Toolbar to inspect the menu and see what combination of things is causing it to appear down there.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文