internet-explorer - IE7 CSS 弹出式菜单怪异

Question

有人要求我为一个预先存在的网站设计一个弹出式菜单，它在除 IE7 之外的所有浏览器上看起来和运行都很好。由于某些原因，不同版本的 IE7 表现不同。在过去的两天里，我一直在与此作斗争，在使用 IE v7.0.5730.11 进行测试后，菜单看起来不错，位置正确，但有奇怪的消失行为。使用其他次要版本的 IE7 的用户报告了定位和呈现不一致的问题。

你们好心的人能帮我从这个网站上检测出有问题的 CSS/HTML 吗？

Answer 1

我想我会回答我自己的问题。我在菜单上遇到的主要问题是 <li>元素在 IE7 中没有布局 (hasLayout = false)，所以借助 this site ，我不得不使用:

ul#mainmenu li ul li,
ul#mainmenu li ul li span {
    display: block;
    max-width: 100%; 
}

给这些元素布局。这在列表项之间创建了 1px 的间隙。当鼠标悬停在这个 1px 的间隙上时，菜单会消失，所以我通过使用以下 css 修复了这个问题:

ul#mainmenu li ul li {
    margin-bottom: -1px;
}

希望这对某人有帮助。