IE7在悬停之前不会从导航中删除活动状态

如何定义悬停?最简单(也是最可靠的方法)是使用jQuery。

$('.myNav').hover( function(){

$('.myNav').removeAttr //remove whatever styling hover causes
$(this).css //set the background/do hover animation

});

您需要一种方法来标记当前选定的选项卡并忽略它;您可以始终在元素上使用某些属性来标记这些元素。我看到你们的导航元素都是不同的类别;为了便于分组,我会在所有这些类中添加另一个类。

对于所有反对jQuery的人:他已经在使用jqueryui了,所以添加jQuery插件是一个没有实际意义的问题。这将比任何国产解决方案更具可读性且可能更高效。