Javascript 动画（）在internet explorer中不工作

我有一个脚本，当按钮悬停时，它会动画，所以它会弹出，不幸的是，我无法让它在IE中工作。它使用jQuery并在所有其他浏览器中工作

请看小提琴：我尽可能多地模仿我的实际代码，因此留下了一些周围的代码

$("#main-nav div").hover(function() {
  $(this).stop().animate({
    top: "-40px"
  }, { queue: false, duration: 200 });
}, function() {
  $(this).stop().animate({
    top: "0px"
  }, { queue: false, duration: 200 });
});

实际上，我认为这是一个html或css错误导致了它的崩溃，因为当我自己测试jquery代码时，它可以工作，但我就是不能确定它

我注意到fiddle是一些红色的html标记，表示有错误？但我还是看不见

提前感谢您的帮助

删除jQuery

使用基本的

：hover

psuedoclass和

transition

CSS属性，您试图在CSS中执行的操作非常简单

最好的部分是什么？它甚至可以在旧版本的IE中工作（直到IE7——在此之前

：hover

不会在非

的元素上工作），尽管它在IE8或更低版本中不会动画

---

不过这没关系，因为转换是吸引眼球的，不是功能性的，因此不需要。此外，它还为那些足够聪明而不会禁用Windows Update的人提供了一点奖励。

您可以通过向正在制作动画的div中添加

display:inline block

使其正常工作

---

我已经更新了你的

我完全同意，但这几乎是客户给我的唯一要求，即导航按钮“像我的旧站点一样弹出”，当我要求客户在Google Chrome中测试功能时（为了保证演示的好处100%兼容），我收到了回复“我不知道你在说什么”，所以我别无选择，只能确保它能回到IE8（该死的IE7！），而jquery是这里更安全的赌注。