我意识到这有点偏离,但是我会尝试的。

我以前从未经历过类似的事情-我正在为页面构建手风琴,并且在展开它时,在展开的项目下方会出现随机线(参见图片)。

javascript - Safari中的随机行?-LMLPHP

最明显的行是分隔符,应该放在那里,但是我不知道其他行来自何处​​。 Chrome和Mozilla中均未复制此怪癖。

此外,如果我没有打开Web检查器并打开它,则这些行会消失。这使我相信,绘画DOM元素可能存在一些问题,可能是提到的border-bottom吗?

有人曾经经历过这样的事情吗?作为OCD的完美主义者,我感到非常烦人!

最佳答案

添加到动画元素:

transform: translateZ(0);


启用硬件加速动画。
Safari随后将消除这些残留的Liny小故障。

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

10-04 22:11
查看更多