css - 关于背面可见性

Question

在iPad、iPhone iOS Safari 浏览器的web 开发中使用以下命令可以防止很多问题，如动画闪烁、position:fixed 性能问题、滚动问题等问题:

-webkit-backface-visibility: hidden;
-webkit-transform  : translateZ(0); 
-webkit-transform  : translate3d(0,0,0);    

这些 CSS 命令是互联网上推荐的，用于修复 iPad Safari 浏览器上的错误。但是，最近，我发现使用其中任何一个都会出现问题。不知道有没有人注意到呢。当您在网页上捏缩放时，通常不会重新加载或刷新任何内容，但是当执行上述任何一个 CSS 语句时，在捏缩放时您会看到一些卡顿，并且有一秒钟变白，好像背景被消失了，然后它以方形 block 加载回来。

这是一个非常烦人的问题。我想放弃使用上述命令，但使用它们和不使用它们都会产生错误。是不是没有办法修复呢？

Answer 1

尝试添加 -webkit-transform : translateZ(0);到目标元素接触或越过的任何元素。

我有一个 1+ 秒的邪恶闪烁，这也让我疯狂调试，这在我的实例中有效。