0

我使用基础创建了一个自定义按钮。我使用了@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%);
}
4

1 回答 1

2

IE9 不支持转换：http: //caniuse.com/#search=transition

在这里，我复制了@Barney 的答案：

只要您事先知道需要嗅探哪些浏览器供应商前缀，就可以检测到受支持的 CSS 属性。我已经为该机制写了一个要点：

https://gist.github.com/1096784

cssSandpaper 是一个 JS 库，旨在解析 CSS 并为各种 CSS3 效果动态实现 polyfill：

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

还有一个 jQuery 库，它以相反的顺序运行，并在您调用 $.animate() 时尽可能静默地实现转换：

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

于 2013-06-19T09:57:28.047 回答