Html IE9：旋转的背景图像变得倾斜
只要背景图像通过Html IE9：旋转的背景图像变得倾斜,html,css,internet-explorer-9,css-transforms,Html,Css,Internet Explorer 9,Css Transforms,只要背景图像通过内容属性引用，在IE9中旋转多个（伪）元素就可以正常工作： .icon:before { content:url('…')}; 使用背景图像时只要只旋转一个对象，一切都正常： 当我不得不在多个对象上使用背景图像和变换：旋转时，我遇到了以下问题： 两个对象的背景图像都会倾斜。有人知道原因吗？也许还有解决办法？ 这个问题只发生在“真正的”IE9中，在IEs新版本的开发工具中模拟IE9是不可靠的 我发现你的问题很有趣，因为旋转元素很有趣 我已经更新了一些代码。。旋转360度，使物
内容属性引用，在IE9中旋转多个（伪）元素就可以正常工作：
.icon:before { content:url('…')};
使用背景图像时
只要只旋转一个对象，一切都正常：
当我不得不在多个对象上使用背景图像和变换：旋转时，我遇到了以下问题：
两个对象的背景图像都会倾斜。有人知道原因吗？也许还有解决办法？
这个问题只发生在“真正的”IE9中，在IEs新版本的开发工具中模拟IE9是不可靠的
我发现你的问题很有趣，因为旋转元素很有趣
我已经更新了一些代码。。旋转360度，使物体保持不变
我猜这与你的内容url有关。但是，使用伪对象上的边框也可以产生类似的效果。是一个快速演示；）嗨，谢谢你的快速帮助！对于这种情况，您的纯CSS图标解决方案是一个很好的解决方案，但不幸的是，我的问题中提到的问题影响了网站上的许多不同图标…似乎将所有SVG图标转换为纯CSS图标是一项太多的工作，我无法诚实地看到您所做的错误，我使用了一个rotateX
来“翻转”图标，如果这对您有用的话：它可能与您正在使用svg这一事实有关。如果你旋转它，我想它可能会重画。IE9可能没有正确地重新绘制。我敢打赌，如果它不是svg的话，它会工作得很好。
{
transform : rotate(-360 deg);
}