jquery - 我如何使 Zurb foundation @include single-transition 与 IE 9 一起工作

Question

我使用 foundation 创建了一个自定义按钮。我使用了@include 单一转换；动画悬停。但它不适用于 IE9。我如何让它与 IE9 一起工作。

.btn-t {
  color: #fff;
  display: inline-block;
  padding: emCalc(16px);
  border-radius: 6px;
  background: rgba($primary-color, 0.9);
  @include single-transition;
}
.btn-t:hover {
  background: darken($primary-color, 20%);
}

Answer 1

过渡在 IE9 中不受支持:http://caniuse.com/#search=transition

这里我复制了answer通过@Barney:

It is possible to detect supported CSS properties, provided you're aware in advance of what browser vendor prefixes you need to sniff for. I've written a gist for the mechanism:

https://gist.github.com/1096784

cssSandpaper is a JS library that aims to parse CSS and dynamically implement polyfills for various CSS3 effects:

http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/

There is also a jQuery library that operates in reverse order, and silently implements transitions where possible when you call $.animate():

https://github.com/louisremi/jquery.transition.js