【问题标题】:Internext Explorer dropdown menu hover disappearing [closed]Internet Explorer下拉菜单悬停消失[关闭]
【发布时间】:2013-06-04 03:39:43
【问题描述】:

我已经把这个网站放在一起 www.endosa.com,不幸的是,办公室里有人有一台装有 ie7 的恐龙机器。他们在导航网站上的一个下拉菜单中遇到了一些问题。我花了几个小时试图让这个东西工作。

最初,它出现在下一个 div 后面,但我通过一些 z-index 工作弄清楚了这一点。现在,它在悬停时正确显示,但是当我尝试将鼠标放在子菜单上时,列表消失了。

有什么想法吗?

【问题讨论】:

  • nav.primary ul li{ display:inline; } 导致问题

标签: css menu internet-explorer-7 hover submenu


【解决方案1】:

试试

nav.primary ul li{
    display: inline-block;
    float: left;
}

【讨论】:

    【解决方案2】:

    这个问题也出现在 chrome 上。

    这是因为您将子导航绝对 100% 定位,但不是相对于父元素,而是相对于您的标题元素。

    http://pastebin.com/u07XYUvC

    我修复了您的标题(至少对于桌面查询,我没有检查其他标题),因此子导航相对于顶级“li”项目,主导航位于标题的底部。

    您使用大量边距来定位需要绝对定位的元素。

    【讨论】:

    • 感谢您的回答,这些帮助很大。我想我已经弄清楚了,现在对我有用。
    猜你喜欢
    • 2010-12-29
    • 2011-04-04
    • 2017-02-21
    • 2015-03-27
    • 2018-04-17
    • 2018-06-04
    • 2017-01-02
    • 2019-10-30
    相关资源
    最近更新 更多