IE7/8 中 CSS 导航菜单的问题
我这里有一个菜单:
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
所有子菜单的绝对位置导致了这种混乱。 “花园家具”的第一个子菜单不与它下面的任何其他子菜单重叠,这就是为什么我认为这是唯一有效的。
尝试为
.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.该菜单在 IE9、IE8 或 IE7 中不起作用。
它可以在 IE8 和 IE9 中工作,但是您使用此元标记强制这些浏览器进入 IE7 模式:
如果您删除它,则只有 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:
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: