IE/Edge 不应用转换：转换为表格行

当添加 CSS 转换时，例如transform:translate(0px, -45px)对于表行，Internet Explorer（已测试 10 和 11）和 Microsoft Edge 无法正确显示转换。

使用一些简单的代码作为示例：

<table style="width:500px;">
    <tbody>
        <tr style="height: 30px; background-color:red; color:white;">
            <td>1</td>
        </tr>
        <tr style="height: 30px; background-color:blue; color:white;">
            <td>2</td>
        </tr>
        <tr style="height: 30px; background-color:yellow; color:black; transform:translate(0, -45px);">
            <td>3</td>
        </tr>
    </tbody>
</table>

这个截图 https://i.stack.imgur.com/gbePU.png显示了问题：第 3 行应该位于第 1 行和第 2 行的顶部，但在 IE/Edge 中，它没有移动。几乎所有其他现代浏览器的行为都符合预期。注意到 IE 10+ 和 Edge 应该支持（无前缀）转换，并且根据标准，支持显示表格行的元素。

有谁知道为什么这不起作用？

As 规范中定义 http://www.w3.org/TR/css-transforms-1/#transformable-element, 可变形元素包括以下元素display属性计算为表格行。因此，您的期望是正确的转换重新定位屏幕上的表格行。 Microsoft Edge 似乎缺乏这种支持。

Edge does但是，翻译一下表格单元格。这可能会暂时缓解压力。我要去做一些测试 https://jsfiddle.net/jonathansampson/9tog66gn/以确保我们准确地实现此功能。