TD内的动画会打断表格边框:奇怪的 chrome 虫

u3r8eeie  于 2023-04-03  发布在  Go
关注(0)|答案(1)|浏览(114)

要将其分解:在TD中插入动画元素后,从下一个TD开始,以下所有表格边框都将消失(或者变为白色,因为它们的偏移量将保留)。如果我只是禁用动画,它可以正常工作:
animation disabled
animation enabled
该错误仅存在于Chrome(最新版本)中。Firefox,IE和Safari都可以正常工作。
代码太重,不能包含在这里,而且我不确定它在其他环境中是否可重现。
详情如下:
0)网站使用Angular 1.3
1.垂直边界在TR上,而水平边界在TD上

  1. TR之间没有元素,所有行都是ng-repeat绘制的
    1.动画元素是::before,位于TD内的DIV上
    1.边框不仅在带有动画的div的表上消失,而且在作用域内的所有后续表上也消失(也是用ng-repeat,outer loop绘制的)
    1.动画非常简单
    @keyframes rota { from { transform:rotate(0); } to { transform:return(360deg);{\fnSimHei\bord1\shad1\pos(200,288)}
  2. border-collapse:separate on table部分修复了这个问题--边框再次出现,但不是同一个边框,而是第二个边框,所以它创建了另一个1 px的偏移量
    有什么想法我可以隔离bug来报告它吗?有人见过这样的东西吗?
kcrjzv8t

kcrjzv8t1#

在chrome 55.0.2883.87甚至之前的一些版本中修复

相关问题