css - Internet Explorer 下拉菜单悬停消失

Question

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

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

有任何想法吗？

score 1 · Accepted Answer

1

尝试

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

于 2013-06-04T04:16:06.253 回答

score 0 · Accepted Answer

该问题也出现在 chrome 上。

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

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

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

2 回答 2