Html 图像显示为'；剪切力'；从他们身边掠过时

当我在iPad2（和iPad3）上浏览我的一个网站时，我会有一些奇怪的行为

该网站是一个非常高的信息图表，需要用户滚动/滑动浏览。所有图像要么是

img

标签，要么是div/span/段落上的背景，并且绝对定位。当我掠过一些图像时，它们似乎被剪切了

下面是一个演示我所看到的（不要盯着它看太久，它可能有催眠作用）：

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

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

---

有人知道是什么导致了这种情况吗？

这只是一个猜测，但您可以尝试通过将以下样式应用于包含图像的元素来消除f：

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

---

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

动画gif非常棒。O@RocketHazmat-这是一件美丽的事情。我希望这将导致一个解决方案！如果需要解决方案，则需要提供代码。如果可能的话，还可以提供一个指向该站点的链接或一个复制了该问题的链接。这是一个内部项目，很遗憾，我无法提供代码。这个问题经常出现，所以我不能一直重复。我认为这可能与ipad上的内存管理有关。有趣的理论——我要试一试。