Question

我意识到这有点过时了，但我会尝试。

我之前从未经历过这样的事情 - 我正在为页面构建手风琴，当我展开它时，随机线条会出现在展开的项目下方（见图片）。

最明显的线是一个分隔符，应该在那里，但我不知道其他的来自哪里。这个怪癖不会在Chrome或Mozilla中复制。

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

以前有人经历过这样的事吗？作为OCD的完美主义者，我发现它非常烦人！

Answer 1

添加到动画元素：

transform: translateZ(0);

启用硬件加速动画。
Safari 会删除那些残留的 liny 小故障。

同样-webkit-backface-visibility:hidden;可能有助于删除通常出现在 Chrome 中的边线（如果您应用旋转...）。