html - IE9 : rotated background images become skewed

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