CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – IE / Edge未应用转换:转换为表格行大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当将诸如transform:translate(0px,-45pX)之类的CSS转换添加到表行时,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>

This screenshot显示了问题:第3行应位于第1行和第2行的顶部,但在IE / Edge中,它尚未移动.几乎任何其他现代浏览器都按预期运行. Microsoft注意到IE 10和Edge应支持(无前缀)转换,并且基于标准,支持具有显示表行的元素.

有没有人知道为什么这不起作用?

解决方法

作为 defined in the spec,transformable-elements包括其显示属性计算到表行的元素.因此,您希望转换为重新定位屏幕上的表行是正确的. Microsoft Edge似乎缺乏此支持.

但是,Edge会转换表格单元格.这暂时可以暂时缓解.我将前往work up a few tests以确保我们准确地实现此功能.

大佬总结

以上是大佬教程为你收集整理的css – IE / Edge未应用转换:转换为表格行全部内容,希望文章能够帮你解决css – IE / Edge未应用转换:转换为表格行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。