javascript - Safari 中的随机行？

Question

我知道这有点离谱，但我会尝试。

我以前从未经历过这样的事情 - 我正在为页面构建 Accordion ，当我展开它时，展开元素下方会出现随机线条(见图)。

最明显的行是一个分隔符，应该在那里，但我不知道其他的是从哪里来的。这个怪癖在 Chrome 和 Mozilla 中都没有复制。

此外，如果我没有打开网络检查器而打开它，线条就会消失。这让我相信绘制 DOM 元素可能存在一些问题，可能是提到的 border-bottom?

有没有人遇到过这样的事情？作为患有强制症的完美主义者，我觉得这非常烦人!

Answer 1

添加到您的动画元素:

transform: translateZ(0);

启用硬件加速动画。
Safari 然后将消除那些残留的 liny 故障。

此外，-webkit-backface-visibility:hidden; 可能有助于删除通常出现在 Chrome 中的边线(如果您应用旋转...)。