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);
}