jquery - CSS3/Javascript：使用 jQuery/Modernizr 转换 IE 支持

Question

有谁知道我如何实现 IE 7-9 支持（在 Codepen.io 中）按钮悬停效果？

例如，特别是：

transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
margin-top: 5px;

我试过这个，但是，margin-top 不会动画。别人好像..

我究竟做错了什么？？感谢任何帮助。

我有 jQuery，Modernizr...

多谢

哈雷

（如果这是一个公然的重复，请提前道歉，只是我似乎有一个特别的问题）

Answer 1

你的问题是这一行：

$(this).animate({margin-top:'5px'},{queue:false,duration:500});

您要么需要引用 CSS 值，要么使用驼峰式：

$(this).animate({marginTop:'5px'},{queue:false,duration:500});
$(this).animate({'margin-top':'5px'},{queue:false,duration:500});

这几乎适用于所有带有连字符等的 CSS 值。