Html 旋转时IE9和IE10中的图标消失

我在IE9、IE10和IOS 8中遇到问题，当使用

变换：旋转（180度）

时，图标正在消失

我尝试使用

-ms

供应商前缀，但没有使用

。向下箭头{
-ms变换：旋转（180度）；
变换：旋转（180度）；
-ms变换原点：中心；
变换原点：中心；
宽度：16px；
高度：16px；
}
svg{
最大高度：100%；
最大宽度：100%；
垂直对齐：顶部；
}

您可以使用

我在这里创建了测试笔：我也在WIN 7和IE9上进行了测试，图片如下：

我做的唯一一件事就是包括了外部JS文件：

https://cdnjs.cloudflare.com/ajax/libs/svg4everybody/2.1.3/svg4everybody.min.js

打电话

svg4everybody();

---

希望这有助于

在IE9 win7虚拟机中测试您的截取，它看起来应该是（9.0.8.112.16421）。@NicoO我也在win7 IE9上测试。但不是虚拟机。也许它可以帮助你得到一个现代的虚拟机。ie或任何其他机器和测试ist的。很难说这样的“正确”是什么。仍然必须支持IE9是一种痛苦。祝你好运就在一个侧节点上：您在这一页上用IE9测试了您的代码片段吗？我认为这可能是关于JSFIDLE的一个问题，请看这里：它似乎甚至不适用于IE11。如果您将相同的代码放在一个jsbin中：结果是不同的，如果这个粘贴bin似乎也不支持IE9。仅供参考：“IE10及以下版本不支持SVG元素上的CSS转换”。资料来源：一名团队成员本应在现场测试，但他没有：P。我希望当我们再次跳到那个问题时，这能起作用。谢谢：）谢谢@Mr_Green很高兴它起了作用，我相信它会很好地工作：）