Question

以下是示例网站：

http://tronitech.brettatkin.com/solutions.asp

在IE 7中，下拉列表无法正常工作（实际上根本没有）。在悬停时显示，但这是关于它。

这是我第一次尝试创建仅限CSS的下拉菜单，所以我欢迎所有关于代码的反馈和批评。

由于

布雷特

Answer 1

修复非常简单：

styles.css的第266行：

#nav ul li {
    float: left;
    position: relative;
}

将#nav ul li更改为#nav > ul > li。问题已解决。

也就是说，用直接descendant combinators（）替换child combinators（空格：>）。这可以防止子菜单中的li出现问题float: left，同时仍然允许li开始float: left。{/ p>

Answer 2

您已在此css float: left;中设置#nav ul li，这也会影响子列表。

您需要在css float:none;

中添加#nav ul li:hover ul li

或

按照他的回答中提到的那样改变：#nav ul li到#nav > ul > li。

Answer 3

解决这样的问题通常需要CSS和附带的代码 - 例如，如果JS用于添加类 - 与您的问题一起发布。我猜测菜单中的尺寸（边距，填充或高度变化）存在问题，首先要考虑。看起来当悬停在第一个子菜单项上时，剩余的＆lt; li＆gt;物品碰到了。浮动看起来很明显，并且由于第二个项目向右跳，这将是我的猜测。我没有看到任何课程变化，你的CSS是否严格依赖悬停？

CSS Drop-menu在IE 7中不起作用

3 个答案: