当扫过它们时，图像似乎“剪切”

Question

在ipad 2（以及ipad 3）上查看我的某个网站时，我遇到了一些奇怪的行为。

该网站是一个非常高的信息图表，需要用户滚动/滑动他们的方式。所有图像都是img标签或div / span / paragraph的背景，并且绝对定位。当我滑过它们时，我的一些图像似乎会剪切。

这是一个显示我所看到的animated gif（不要长时间盯着它看，它可能是催眠的）：

图像应该看起来像：

我的例子中的图像并不是特别大。它只有110kb 24bit png。

有谁知道造成这种情况的原因是什么？

Answer 1

只是一个疯狂的猜测，但你可以通过将以下样式应用于包含图像的元素来尝试f orce Safari to use hardware acceleration：

.forceAccel > * { -webkit-transform: translate3d(0,0,0); }

只要我测试过，它通常可以解决闪烁问题。