IE9：旋转的背景图像变得歪斜

Question

只要通过content属性引用背景图像，IE9中的多个（伪）元素就可以正常工作：

.icon:before { content:url('…')};

使用background-image时，只要旋转一个对象，一切都正常：

当我必须在多个对象上使用background-image 和 transform:rotate时，我遇到了这个问题：

两个对象的背景图像变得偏斜。有人知道原因，也许是解决方案吗？ 这个问题只出现在“真正的”IE9中，在较新版本的IE的DevTools中模拟IE9是不可靠的。

http://jsfiddle.net/Fiddel/662v79Lm/

Answer 1

我发现你的问题很有趣，因为旋转元素非常有趣

我已经更新了一些代码..使360旋转所以事情将保持不变。

https://jsfiddle.net/aakashshah/662v79Lm/14/

{
transform : rotate(-360 deg);
}