为Internet Explorer兼容性视图调试CSS

Question

我正在使用CSS来显示和隐藏嵌套的UL以模拟没有js的下拉导航。 除了某些版本的IE浏览器外，它在大多数浏览器中看起来很好用。我几乎整整一天都在试图为此寻找解决方案，一直在困扰着我的脑袋，尝试我认为是解决方案的各种组合。如果其他人有一个建议，我很乐意听到它。

问题： 当您悬停在主导航栏上时，UL出现（左：0;悬停时）。列表项目没有背景颜色，因此覆盖了现有导航，您可以同时看到两者。

See Here

如果任何人都可以解释这种行为我会欢迎在这一点上的任何帮助或洞察力。发布网站今晚去客户端，我真的很好。

在此先感谢。

Answer 1

最初设置为不显示任何;然后在li：hover ul {display：block} ....这可能不适用于你如何让它们绝对定位，但这是用css隐藏/显示最简单的方法。我明白你的意思是关于彼此重叠。你也可以尝试向每个子ul添加一个类，并直接针对每个子类，而不是使用li：hover ul将它们全部覆盖，你可以使用li.first：hover ul.subfirst {positioning css}。