Html SVG转换属性未在IE边缘中计数

下面的JSFiddle是一个SVG图形，其中有两个棕色矩形

彼此隔开，两个矩形都有一个组

，该组都有一个类

class=“group”

，该类应用了变换（旋转和平移）

参考Caniuse.com，它为主要浏览器提供了大部分支持率，它显示IE9+支持SVG转换属性，并指出了已知问题：

IE10及以下版本不支持SVG元素上的CSS转换（尽管SVG转换属性可以工作）

问题

尽管我唯一的信息来源是这个网站，但如果我们能弄明白为什么IE Edge此时不支持transform属性（2015年12月），我就知道了

问题2

是否有其他方法可以应用IE（Edge）、Chrome和Firefox支持的CSS转换

注意

---

JSFIDLE在Chrome和Firefox上测试成功。只有IE在两个版本（5、7、8、9、10、Edge）中都未通过测试。

通过CSS，我认为IE或Edge不支持它

属性正在工作，我已经测试过了，所以我认为我们必须改变实现方法

<g class="group" transform ="translate(100, 100) rotate(90)">

手动执行，或者，如果已经创建了

，则使用javascript或jquery将此属性附加到

片段

对于问题2，我认为一个选项是尝试将元素包装在

div

中，并对

div

应用所需的转换。对于问题1的答案。。。询问Microsoft。问题1是关于IE/Edge十年或更长时间以来不支持的许多事情，我们都问过的问题，并且可能在十年后仍会问。截至2017年8月，Edge SVG教程中仍有一个问题，请使用完整版本谢谢@code.rider，我刚刚发现我有一些其他CSS属性覆盖了transform属性，非常感谢您的输入，顺便说一句，一切都很好！