(http://jsfiddle.net/graphicsinc/jvzztgjk/6/)
这是特定于浏览器的问题,仅在IE中发生。最初文件丢失了DOCTYPE,我从那时起插入了它,甚至在修复了页面上图像中所有丢失的自关闭标记之后,仍然会发生0错误验证。在IE中发生的事情是有另一个锚标签的副本,其中class =" hoverMenu"在IE Developer Tools(F12)的正上方插入其中一个导航按钮如下所示:
<div id="container">
<div id="nav">
<ul id="navigationMenu">
<li>
<a href="#" class="hoverMenu">HOME</a>
<a href="#" class="hoverMenu">HOME</a>
<a href="#" class="normalMenu">HOME</a><a href="#" class="hoverMenu">HOME</a><a href="#" class="normalMenu">HOME</a>
</li>
</ul>
</div>
我的DOCTYPE是XHTML 1.0 Transitional。由于XHTML标准如何处理锚点,它可能会发生吗?此外,还有一个jquery脚本使用addClass进行翻转效果。
$(document).ready(function(){
$('#navigationMenu li .normalMenu').each(function(){
$(this).before($(this).clone().removeClass().addClass('hoverMenu'));
});
$('#navigationMenu li').hover(function(){
$(this).find('.hoverMenu').stop().animate({marginTop:'0px'},200);
},
function(){
$(this).find('.hoverMenu').stop().animate({marginTop:'-25px'},200);
});
});
也许这是与IE Quircks-Mode相关的问题? 任何帮助将不胜感激!感谢所有提前-qs