简体繁体 English

jQuery Megamenu中的IE7 z-Index问题

[英]IE7 z-Index Issue in jQuery Megamenu

原文 2011-11-13 05:09:14 1 1 jquery/ css/ z-index/ internet-explorer-7/ megamenu

I am coding this MegaMenu using jQuery. 我正在使用jQuery编码此MegaMenu。 Here's the URL: http://h1.servy.net/sgtlmm/ 这是URL： http : //h1.servy.net/sgtlmm/

It's working fine in all browsers but only in IE7 when hovered over menu items like "Latest" or "Personal" you can see that the megadropdown is showing over the current item. 它在所有浏览器中都可以正常工作，但只有在IE7中，当将鼠标悬停在“最新”或“个人”等菜单项上时，您才能看到megadropdown显示在当前项上。 For the rest of the item it's fine. 对于其余的项目，没关系。 Only the current menu item and items before that are causing the issue. 仅当前菜单项和之前的菜单项引起了问题。

The megadropdown with a gray border is showing up over the latest menu item on IE7. 带有灰色边框的megadropdown显示在IE7的最新菜单项上方。 That's the problem :( 那就是问题所在：（

I have tried position:relative, higher zindex in parent elements but none seem to work. 我尝试过在父元素中使用position：relative，较高的zindex，但似乎没有任何作用。 Need your help, please! 需要您的帮助！ Many thanks in advance. 提前谢谢了。

I also have another issue with positioning the megadropdown for inner items like "Small & medium Enterprise". 我还对将大型下拉菜单定位于“中小型企业”等内部项目有另一个问题。 Can you please help me with that too? 你能帮我吗？ Thanks. 谢谢。

1 个解决方案

It doesn't seem to work right in Chrome either. Chrome似乎也无法正常运行。 The z-index of of links are changing, not the z-index of the respective divs. 链接的Z索引在变化，而不是各个div的Z索引在变化。