IE8问题 - 使用错误的transform-origin进行动画处理的元素

Question

我目前有一个很大的主要圈子。从这个大圆圈开始，我做了一些动画，一些线条出现在大圆圈的中心点，然后绕着大圆圈旋转，不同程度的不同。

我使用如下的前缀来定义transfer-origin：

transform-origin: center bottom;
-moz-transform-origin: center bottom; /* Firefox */
-ms-transform-origin: center bottom; /* IE 9 */
-webkit-transform-origin: center bottom; /* Safari and Chrome */
-o-transform-origin: center bottom; /* Opera */

除了IE8及其以外的所有浏览器都可以正常工作 - 尝试了一些不同的东西来定位并修复IE8，但没有运气。任何建议。

示例工作动画的小提示： http://jsfiddle.net/R5CDv/21/

Answer 1

它无法在IE8及以下版本中使用，因为transform属性is only supported from IE9+。

对于IE8及更低版本，一个可能有用的解决方案是使用filters - 在使用它的旧版IE上查看implementing transform-origin上的本教程。