IE7/8 中 CSS 导航菜单的问题

发布于 2024-11-08 04:33:18 字数 339 浏览 0 评论 0原文

我这里有一个菜单:

http://www.gardensandhomesdirect.co.uk/menutest

它有效就像在 Chrome、FF 和 IE9 中一样。

但是,如果您在 IE7/8 中尝试,第一个菜单“花园家具”,当您尝试将鼠标悬停在“所有花园家具”以外的任何其他选项上时,菜单将关闭。这种情况不会发生在任何其他菜单类别上。

我不知道为什么会这样,它就像就在我面前!

任何帮助表示赞赏。

谢谢!

I have a menu here:

http://www.gardensandhomesdirect.co.uk/menutest

It works as it should in Chrome, FF and IE9.

However if you try it in IE7/8, the first menu, Garden Furniture, when you try to hover over any other option than All Garden Furniture the menu closes. This doesnt happen on any of the other menu categories.

Im at a loss as to why this is the case, it is likey right in front of me!

Any help is appreciated.

Thanks!

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

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

发布评论

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

评论(2

心房敞 2024-11-15 04:33:19

所有子菜单的绝对位置导致了这种混乱。 “花园家具”的第一个子菜单不与它下面的任何其他子菜单重叠,这就是为什么我认为这是唯一有效的。

尝试为 .side_nav 中的每个子菜单设置越来越高的 z-index 值。如果您无法添加类来执行此操作,则可以使用 jQuery 来完成。

The absolute position of all the sub-menus one of top of another is causing this confusion. The first sub menu of 'garden furniture' does not overlap any other submenu beneath it, which is why I think this is the only one that works.

Try setting increasingly higher z-index values for each submenu in .side_nav. If you can't add classes to do this, you can do it with jQuery.

冰雪之触 2024-11-15 04:33:18

该菜单在 IE9、IE8 或 IE7 中不起作用。

可以在 IE8 和 IE9 中工作,但是您使用此元标记强制这些浏览器进入 IE7 模式:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

如果您删除它,则只有 IE7 会损坏。

IE7 已损坏,因为它已知有关 z-index 的错误,请参阅:

如果出现以下情况,我将调查并提供有关如何在 IE7 中修复此问题的准确说明:

That menu doesn't work in IE9, IE8, or IE7.

It would work in both IE8 and IE9, but you're forcing those browsers into IE7 mode with this meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

If you remove that, only IE7 will remain broken.

IE7 is broken because it has known bugs concerning z-index, see:

I will investigate and provide exact instructions on how to fix this in IE7 if:

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