图像在滑过屏幕时显示为“剪切”

Question

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

该网站是一个非常高的信息图，要求用户滚动/滑过他们的方式。所有图片都是img divs/span /段落上的标签或背景，并且绝对定位。当我滑过它们时，我的一些图像看起来会剪断。

这里是一个animated gif显示我看到了什么（它不盯得太久，它可能是催眠）：

的图像实际上应该是这样的：

我的例子中的图像并不特别大。它只有一个110kb的24位PNG。

有谁知道可能是什么原因造成的？

Answer 1

只是胡乱猜测，但你可以通过应用以下样式包含图像元素尝试到f orce Safari to use hardware acceleration：

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

它通常解决闪烁问题，只要我已经测试。